@charset "utf-8";


@media screen and (min-width: 768px), print {
#lower-list{padding:50px 0 100px;background:#edeeef;}
#lower-list > div{width:1040px;margin:0 auto;}
#lower-list > div h2{font-size:24px;margin-bottom:30px;text-align:center;font-weight:bold;color: #1a7bd0;}
#lower-list > div ul{letter-spacing:-0.4em;}
#lower-list > div ul li{display:inline-block;letter-spacing:normal;width:auto;}
#lower-list > div ul li a{display:block;}
#lower-list > div ul li+li{margin-left:40px;}
#lower-list > div ul li div{position:relative;}
#lower-list > div ul li.on div::after{content:'';background:rgba(3,50,93,0.4);position:absolute;left:0;top:0;width:100%;height:100%;}
#lower-list > div ul li p{margin-top:5px;font-size:14px;}


/*===== vision ============================================*/
.vision .slide{position:relative;height:100%;background:#fff;z-index:300;}
.vision .video-bg{position:fixed;top:80px;left:0;right:0;height:675px;z-index:100;}
.vision .video-bg > div{height:675px;margin:0 auto;position:relative;}
.vision .h1-wrap{position:absolute;top:0;left:0;width:100%;z-index:1000;height:100%;}
/*
.vision h1{width:440px;height:220px;position:absolute;left:0;right:0;margin:auto;background:url(img/dot1.png) center;text-align:center;padding-top:50px;box-sizing:border-box;z-index:100;top:0;bottom:0;}
.vision h1 > span{background:url(img/vision/h1-sub.png) no-repeat bottom;display:inline-block;padding-bottom:30px;text-align:center;font-size:40px;color:#fff;}
*/
.vision .video-bg::after{width:100%;height:200%;position:absolute;left:0;top:0;background:url(img/dot1.png) center;content:'';}
.vision .video-bg video.pc{  /* Make video to at least 100% wide and tall */  min-width: 130%;min-height: 130%;/* Setting width & height to auto prevents the browser from stretching or squishing the video */width: auto; height: auto;/* Center the video */position: absolute;top: 50%; left: 50%;transform: translate(-50%,-50%);}
.vision section{padding:60px 0;background:#fff;position:relative;z-index:300;margin-top:-1px;}
.vision section#sec1{background:#fff;margin-top:0;}
.vision section > div{width:900px;margin:0 auto;text-align:center;}
.vision section > div h2{font-size:28px;color:#043451;text-align:center;padding:50px 0 70px;}
.vision section > div > div,.vision section#sec3 > div > div > div{padding-bottom:70px;}
.vision section > div .f-l,.vision section > div .f-r{width:440px;}
.vision section > div .f-r img+img{margin-top:20px;}
.vision section > div p{font-size:18px;width:900px;margin:30px auto 0;}
.vision section#sec3{padding:0 0 400px 0;position:relative;z-index:200;}
.vision section#sec3::before {  background:url(img/vision/slide2.jpg) no-repeat center;background-size: cover;display: block;position: fixed;top: 0;left: 0;width: 100%;height: 100%;content: "";z-index: -1;}   
.vision section#sec3 > div{background:#fff;width:100%;}
.vision section#sec3 > div > div{width:900px;margin:0 auto;text-align:center;padding-bottom:200px;}
.vision section#sec3.pcbg{margin-bottom:400px;padding-bottom:0;}
.vision section#sec3.pcbg::before{background:none!important;}
.vision section#sec3.pcbg > div{padding-bottom:0;background:#fff;}
.vision #sec4{padding:200px 0 200px;}
.vision #sec4 p{font-size:22px;color:#03335f;font-weight:bold;text-align:center;line-height:260%;}


/*===== service ============================================*/
.service.top .h1-wrap{background:#ebf8fb;height:420px;padding-top:30px;box-sizing:border-box;}
.service.top .h1-wrap h1{background:#fff url(img/service/h1-bg.jpg);width:1080px;height:440px;margin:0 auto;text-align:center;padding-top:190px;box-sizing:border-box;border:1px solid #e0e0e0;}
.service.top .h1-wrap h1 span{display:inline-block;padding:0 20px;background:#1a7bd0;color:#fff;font-size:35px;font-weight:bold;}
.service.top #sec1{padding:100px 0;}
.service.top #sec1 > div{width:1040px;margin:0 auto;}
.service.top #sec1 > div h2{margin-bottom:40px;color:#1a7bd0;font-size:26px;font-weight:bold;text-align:center;}
.service.top #sec1 > div > div > p{margin-bottom:80px;}
.service.top #sec1 > div ul{letter-spacing:-0.4em;}
.service.top #sec1 > div ul li{width:325px;display:inline-block;letter-spacing:normal; vertical-align: top;text-align:center;}
.service.top #sec1 > div ul li+li{margin-left:32px;}
.service.top #sec1 > div ul li img{width:100%;height:auto;}
.service.top #sec1 > div ul li h3{text-align:center;padding:25px 0;color:#1a7bd0;font-weight:bold;font-size:16px;}
.service.top #sec1 > div ul li h3 strong{font-size:20px;display:block;text-align:center;}
.service.top #sec1 > div ul li p{margin-bottom:20px;}
.service.top #sec2{padding:100px 0 100px;position:relative;}
.service.top #sec2::before{width:100%;height:730px;background:#ebf8fb;position:absolute;left:0;top:0;content:'';z-index:-1;}
.service.top #sec2 p{text-align:center;margin-bottom:60px;}
.service.top #sec2 .sec2-slide{margin-bottom:50px;width:1380px;position:relative;margin-left:-690px;left:50%;}
.service.top #sec2 .sec2-slide .bx-controls{display:none;}
.service.top #sec2 li{background:#fff;border:1px solid #ccc;box-sizing:border-box;}
.service.top #sec2 li a{display:block;}
.service.top #sec2 li div{width:100%;height:320px;background-position: center; background-size:cover;}
.service.top #sec2 li dl{position:relative;}
.service.top #sec2 li dl dt{padding:35px 30px 0;font-size:18px;font-weight:bold;color:#1a7bd0;}
.service.top #sec2 li dl dd{padding:15px 30px 35px;}
.service.top #sec2 li dl dd img{position:absolute;right:20px;top:30px;height:40px;width:auto;}

/*about*/
.service.about .h1-wrap{background:#ebf8fb;height:420px;padding-top:30px;box-sizing:border-box;}
.service.about .h1-wrap h1{background:#fff url(img/service/about/h1-bg.jpg);width:1080px;height:440px;margin:0 auto;text-align:center;padding-top:160px;box-sizing:border-box;border:1px solid #e0e0e0;}
.service.about .h1-wrap h1 strong{display:block;text-align:center;font-size:34px;font-weight:bold;color:#1a7bd0;text-shadow: 0 0 20px #fff, -1px 0 20px #fff, 0 -1px 20px #fff;}
.service.about .h1-wrap h1 span{display:inline-block;padding:0 20px;background:#1a7bd0;color:#fff;font-size:18px;font-weight:bold;}
.service.about #sec1{padding:130px 0 120px;}
.service.about #sec1 > div{width:1040px;margin:0 auto;}
.service.about #sec1 > div > p{margin-bottom:50px;text-align:left;}
.service.about #sec1 > div > div {position:relative;}
.service.about #sec1 > div > div > div{width:490px;box-sizing:border-box;border:1px solid #ccc;padding:40px 0;text-align:center;position:relative;}
.service.about #sec1 > div > div > div:first-child::after{content:'';background:url(img/service/about/sec1-img2.png);width:26px;height:26px;position:absolute;top:0;bottom:0;left:506px;margin:auto 0;}
.service.about #sec1 > div > div > div span{display:inline-block;background:#fff;font-size:23px;font-weight:bold;color:#1a7bd0;position:absolute;left:0;right:0;margin:0 auto;width:65px;text-align:center;top:-23px;}
.service.about #sec2{padding:0px 0 120px;}
.service.about #sec2 > div{width:1040px;margin:0 auto;}
.service.about #sec2 > div .clearfix .f-l{width:520px;}
.service.about #sec2 > div .clearfix .f-r{width:480px;}
.service.about #sec2 > div p+p{margin-top:20px;}


/*job*/
.service.job .h1-wrap{background:#ebf8fb;height:420px;padding-top:30px;box-sizing:border-box;}
.service.job .h1-wrap h1{background:#fff url(img/service/job/h1-bg.jpg);width:1080px;height:440px;margin:0 auto;text-align:center;padding-top:160px;box-sizing:border-box;border:1px solid #e0e0e0;}
.service.job .h1-wrap h1 strong{display:block;text-align:center;font-size:34px;font-weight:bold;color:#1a7bd0;text-shadow: 0 0 20px #fff, -1px 0 20px #fff, 0 -1px 20px #fff;}
.service.job .h1-wrap h1 span{display:inline-block;padding:0 20px;background:#1a7bd0;color:#fff;font-size:18px;font-weight:bold;}
.service.job #sec1{padding:130px 0 120px;}
.service.job #sec1 > div{width:1040px;margin:0 auto;}
.service.job #sec1 > div > p{margin-bottom:70px;text-align:center;}
.service.job #sec1 > div ul{letter-spacing:-0.4em;}
.service.job #sec1 > div ul li{display:inline-block; vertical-align: top; letter-spacing:normal;box-sizing:border-box;width:325px;}
.service.job #sec1 > div ul li+li{margin-left:30px;}
.service.job #sec1 > div ul li h2{font-size:24px;font-weight:bold;color:#1a7bd0;text-align:center;margin-bottom:10px;}
.service.job #sec1 > div ul li > div{border:1px solid #ccc;padding:25px 0 0;height:580px;box-sizing:border-box;}
.service.job #sec1 > div ul li > div > div{text-align:center;margin-bottom:10px;}
.service.job #sec1 > div ul li > div > h3{text-align:center;font-size:20px;font-weight:bold;color:#1a7bd0;margin-bottom:10px;}
.service.job #sec1 > div ul li > div  dl,.service.job #sec1 > div ul li > div p{margin:0 20px;}
.service.job #sec1 > div ul li > div  dl{background:#f6f6f7;padding:20px;}
.service.job #sec1 > div ul li > div  dl dt{font-size:16px;font-weight:bold;color:#1a7bd0;}
.service.job #sec1 > div ul li > div  dl dd{background:url(https://www.wdb-eu.com/img/check-ico.png) no-repeat left 3px;margin-top:10px;}
.service.job #sec1 > div ul li.wide{width:100%;margin:30px 0 0 0;}
.service.job #sec1 > div ul li.wide > div{display:table;width:100%;height:auto;padding:0;}
.service.job #sec1 > div ul li.wide > div > div{display:table-cell;vertical-align: middle;text-align:center;width:330px;}
.service.job #sec1 > div ul li.wide > div > p{display:table-cell; vertical-align: middle;padding:30px;}

/*beginner*/
.service.beginner .h1-wrap{background:#ebf8fb;height:420px;padding-top:30px;box-sizing:border-box;}
.service.beginner .h1-wrap h1{background:#fff url(img/service/beginner/h1-bg.jpg);width:1080px;height:440px;margin:0 auto;text-align:center;padding-top:160px;box-sizing:border-box;border:1px solid #e0e0e0;}
.service.beginner .h1-wrap h1 strong{display:block;text-align:center;font-size:34px;font-weight:bold;color:#1a7bd0;text-shadow:0 0 20px #fff,-1px 0 20px #fff,0 -1px 20px #fff}
.service.beginner .h1-wrap h1 span{display:inline-block;padding:0 20px;background:#1a7bd0;color:#fff;font-size:18px;font-weight:bold;}
.service.beginner #sec1{padding:130px 0 0;}
.service.beginner #sec1 > div{}
.service.beginner #sec1 > div > h2{font-size:27px;margin-bottom:50px;text-align:center;font-weight:bold;color:#1a7bd0;}
.service.beginner #sec1 > div > p{width:1040px;margin:0 auto 20px;}
.service.beginner #sec1 > div .box1{margin-top:120px;background:#ebf8fb;padding-bottom:30px;}
.service.beginner #sec1 > div .box1 > div{position:relative;width:1040px;margin:0 auto;top:-50px;}
.service.beginner #sec1 > div .box1 > div > div{background:#fff;border:1px solid #ccc;box-sizing:border-box;width:500px;padding:40px;}
.service.beginner #sec1 > div .box1 > div > div h3{text-align:center;font-size:24px;font-weight:bold;color:#1a7bd0;margin-bottom:30px;}
.service.beginner #sec1 > div .box1 > div > div p{height:110px;}
.service.beginner #sec1 > div .box1 > div > div > div{text-align:center;margin-bottom:30px;}
.service.beginner #sec1 > div .box1 > div > div > dl{background:#f6f6f7;padding:20px;box-sizing:border-box;}
.service.beginner #sec1 > div .box1 > div > div > dl dt{font-size:18px;font-weight:bold;color:#1a7bd0;margin-bottom:5px;}
.service.beginner #sec1 > div .box1 > div > div > dl dt span{font-size:16px;font-weight:bold;color:#fff;display:inline-block;background:#1a7bd0;padding:0 15px;margin-bottom:5px;}
.service.beginner #sec2{padding:70px 0 120px;}
.service.beginner #sec2 > div{width:1040px;margin:0 auto;}
.service.beginner #sec2 > div ol,.service.beginner #sec2 > div li{list-style:none;margin:0;padding:0;}
.service.beginner #sec2 > div ol{letter-spacing:-0.4em;}
.service.beginner #sec2 > div ol li{letter-spacing:normal;display:inline-block; vertical-align: top;width:25%;}
.service.beginner #sec2 > div ol li > span{display:block;background:#1a7bd0;text-align:center;color:#fff;font-size:22px;font-weight:bold;height:48px;line-height:48px;}
.service.beginner #sec2 > div ol li > span > strong{font-size:32px;line-height:48px;}
.service.beginner #sec2 > div ol li+li > span{background:#1a7bd0 url(https://www.wdb-eu.com/img/service/beginner/sec2-arrow.png) no-repeat left center;}
.service.beginner #sec2 > div ol li > h4{text-align:center;padding:20px 0;font-size:22px;font-weight:bold;color:#1a7bd0;}
.service.beginner #sec2 > div ol li > div{text-align:center;margin-bottom:40px;}
.service.beginner #sec2 > div ol li > p{padding:0 20px;}

/*===== about ============================================*/
.about.top .h1-wrap{background:#ebf8fb;height:420px;padding-top:30px;box-sizing:border-box;}
.about.top .h1-wrap h1{background:#fff url(img/about/h1-bg.jpg);width:1080px;height:440px;margin:0 auto;text-align:center;padding-top:190px;box-sizing:border-box;border:1px solid #e0e0e0;}
.about.top .h1-wrap h1 span{display:inline-block;padding:0 20px;background:#1a7bd0;color:#fff;font-size:35px;font-weight:bold;}
.about.top #sec1{padding:100px 0;}
.about.top #sec1 > div{width:1040px;margin:0 auto;}
.about.top #sec1 > div h2{margin-bottom:40px;color:#1a7bd0;font-size:26px;font-weight:bold;text-align:center;}
.about.top #sec1 > div > div > p{margin-bottom:80px;}
.about.top #sec1 .box2 ul{margin-bottom:65px;letter-spacing:-0.4em;}
.about.top #sec1 .box2 ul li{width:346px;height:450px;display:inline-block;letter-spacing:normal; vertical-align:top;box-sizing:border-box;color:#fff;text-align:center;}
.about.top #sec1 .box2 ul li+li{margin-left:1px;}
.about.top #sec1 .box2 ul li.li1{background:url(img/about/about-list1-bg.jpg) no-repeat center;background-size:cover;}
.about.top #sec1 .box2 ul li.li2{background:url(img/about/about-list2-bg.jpg) no-repeat center;background-size:cover;}
.about.top #sec1 .box2 ul li.li3{background:url(img/about/about-list3-bg.jpg) no-repeat center;background-size:cover;}
.about.top #sec1 .box2 ul li a{display:block;color:#fff;padding-top:100px;box-sizing:border-box;height:100%;position:relative;}
.about.top #sec1 .box2 ul li h3{text-align:center;position:relative;z-index:10;}
.about.top #sec1 .box2 ul li h3{font-size:16px;line-height:150%;}
.about.top #sec1 .box2 ul li h3 strong{font-size:27px;display:block;text-align:center;line-height:150%;}
.about.top #sec1 .box2 ul li p{text-align:left;font-size:14px;padding:20px 30px 30px;position:relative;z-index:10;}
.about.top #sec1 .box2 ul li .btn1{border:none;width:170px;padding:5px 0;position:relative;z-index:10;}
.about.top #sec1 .box2 ul li a:hover .btn1{background:#1a7bd0;border:none;width:170px;padding:5px 0;color:#fff;}
.about.top #sec1 .box2 ul li a:hover .btn1 span{background-image:url(img/circle-arrow-bk-s.png);}
.about.top #sec1 .box2 ul li a:hover .btn1:hover{zoom: 1;filter: alpha(opacity=100); /* IE6/7 */  -ms-filter: "alpha(opacity=70)"; /* IE8 */  -moz-opacity: 1; /* Firefox */   opacity: 1;}
.about.top #sec1 .box2 ul li a:hover::before{content:'';background:rgba(3,50,93,0.8);position:absolute;left:0;top:0;width:100%;height:100%;}

/*people*/
.about.people .h1-wrap{background:#ebf8fb;height:420px;padding-top:30px;box-sizing:border-box;}
.about.people .h1-wrap h1{background:#fff url(img/about/people/h1-bg.jpg);width:1080px;height:440px;margin:0 auto;text-align:center;padding-top:160px;box-sizing:border-box;border:1px solid #e0e0e0;}
.about.people .h1-wrap h1 strong{display:block;text-align:center;font-size:34px;font-weight:bold;color:#1a7bd0;text-shadow:0 0 20px #fff,-1px 0 20px #fff,0 -1px 20px #fff}
.about.people .h1-wrap h1 span{display:inline-block;padding:0 20px;background:#1a7bd0;color:#fff;font-size:18px;font-weight:bold;}
.about.people #sec1{padding:130px 0 0;}
.about.people #sec1 > div{width:1040px;margin:0 auto;}
.about.people #sec1 > p{margin-bottom:100px;text-align:center;}
.about.people .box1{margin-bottom:100px;}
.about.people #sec2{margin-bottom:120px;}
.about.people .box1 > div{width:1040px;margin:0 auto;}
.about.people .box1 > div > div{width:470px;}
.about.people .box1 > div > div.i{width:520px;text-align:center;}
.about.people .box1 > div > div p+p{margin-top:20px;}
.about.people #sec3{padding-bottom:120px;}
.about.people #sec3 > div{width:1040px;margin:0 auto;border:1px solid #ccc;box-sizing:border-box;padding:50px;}
.about.people #sec3 > div .f-l{width:310px;text-align:center;}
.about.people #sec3 > div .f-r{width:590px;}
.about.people #sec3 h2{margin-bottom:10px;}
.about.people #sec3 h2 > span{display:inline-block;background:#1a7bd0;font-size:20px;font-weight:bold;color:#fff;padding:0 15px;line-height:160%;}
.about.people #sec3 .f-r h3{color:#1a7bd0;font-size:26px;font-weight:bold;line-height:140%;margin-bottom:20px;}
	
/*service*/
.about-service .h1-wrap{background:#ebf8fb;height:420px;padding-top:30px;box-sizing:border-box;}
.about-service .h1-wrap h1{background:#fff url(img/about/service/h1-bg.jpg);width:1080px;height:440px;margin:0 auto;text-align:center;padding-top:160px;box-sizing:border-box;border:1px solid #e0e0e0;}
.about-service .h1-wrap h1 strong{display:block;text-align:center;font-size:34px;font-weight:bold;color:#1a7bd0;text-shadow:0 0 20px #fff,-1px 0 20px #fff,0 -1px 20px #fff}
.about-service .h1-wrap h1 span{display:inline-block;padding:0 20px;background:#1a7bd0;color:#fff;font-size:18px;font-weight:bold;}
.about-service #sec1{padding:130px 0 100px;}
.about-service #sec1 > div{width:1040px;margin:0 auto;}
.about-service #sec1 > p{margin-bottom:100px;text-align:center;}
.about-service #sec1 > div > p{margin-bottom:40px;}
.about-service #sec1 > div > .t-c{margin-top:30px;}
.about-service .box1{margin-bottom:100px;}
.about-service #sec2{margin-bottom:120px;}
.about-service .box1 > div{width:1040px;margin:0 auto;}
.about-service .box1 > div > div{width:470px;}
.about-service .box1 > div > div.i{width:520px;text-align:center;}
.about-service .box1 > div > div p{margin-bottom:20px;}

/*keyword*/
.keyword .h1-wrap{background:#ebf8fb;height:420px;padding-top:30px;box-sizing:border-box;}
.keyword .h1-wrap h1{background:#fff url(img/about/keyword/h1-bg.png);width:1080px;height:440px;margin:0 auto;text-align:center;padding-top:160px;box-sizing:border-box;border:1px solid #e0e0e0;}
.keyword .h1-wrap h1 strong{display:block;text-align:center;font-size:34px;font-weight:bold;color:#1a7bd0;}
.keyword .h1-wrap h1 span{display:inline-block;padding:0 20px;background:#1a7bd0;color:#fff;font-size:18px;font-weight:bold;}
.keyword #sec1{padding:130px 0 80px;}
.keyword #sec1 > div{width:1080px;margin:0 auto;}
.keyword #sec1 > div .keyword-list{letter-spacing:-0.4em;margin:0;}
.keyword #sec1 > div .keyword-list li{display:inline-block;letter-spacing:normal;width:50%;padding:10px;box-sizing:border-box;margin:0;list-style:none; vertical-align: top;}
.keyword #sec1 > div .keyword-list li > div{background:url(img/dot2.png) center;padding:80px 70px;height:100%;box-sizing:border-box;}
.keyword #sec1 > div .keyword-list li > div > div{text-align:center;display:table;width:100%;}
.keyword #sec1 > div .keyword-list li > div > div img{width:260px; height:auto;}
.keyword #sec1 > div .keyword-list li > div > div > div{display:table-cell; width:50%;text-align:center;height:262px;}
.keyword #sec1 > div .keyword-list li > div > div > div > strong{font-size:35px;font-weight:bold;color:#1a7bd0;display:block;text-align:center;}
.keyword #sec1 > div .keyword-list li > div > div > div > span img{width:90px;height:auto;}
.keyword #sec1 > div .keyword-list li > div > div > div > img{width:115px;height:auto;margin-bottom:15px;}
.keyword #sec1 > div .keyword-list li:nth-child(3) > div > div img{width:350px;}
.keyword #sec1 > div .keyword-list li.wide{width:100%;}
.keyword #sec1 > div .keyword-list li > div h2{color:#454545;font-size:40px;font-weight:bold;text-align:center;margin-bottom:40px;}
.keyword #sec1 > div .keyword-list li > div h2 span{font-size:32px;font-weight:bold;}
.keyword #sec1 > div .keyword-list li > div dl{margin-top:30px;}
.keyword #sec1 > div .keyword-list li > div dl dt{color:#454545;font-size:28px;font-weight:bold;margin-bottom:20px;}
.keyword #sec1 > div .keyword-list li.wide dt{text-align:center;}
.keyword #sec1 > div .keyword-list li.wide dd{text-align:center;}
.keyword #sec1 > div .keyword-list li.wide .box1{padding-top:70px;border-top:1px solid #ccc;}
.keyword #sec1 > div .keyword-list li.wide ul{letter-spacing:-0.4em;}
.keyword #sec1 > div .keyword-list li.wide ul li {letter-spacing:normal;display:inline-block;width:33.33333%;padding:0 0 0 35px;box-sizing:border-box;}
.keyword #sec1 > div .keyword-list li.wide ul li:first-child{padding:0 35px 0 0;}
.keyword #sec1 > div .keyword-list li.wide ul li:nth-child(2){border-left:1px solid #ccc;border-right:1px solid #ccc;padding:0 35px;}
.keyword #sec1 > div .keyword-list li.wide ul li h3{text-align:center;font-size:24px;font-weight:bold;color:#454545;}
.keyword #sec1 > div .keyword-list li.wide ul li div{text-align:center;padding:35px 0;}
.keyword #sec1 > div .keyword-list li.wide ul li div img{width:135px;height:auto;}
.keyword #sec1 > div .keyword-list li.wide  > div{padding-top:80px;}
.keyword #sec1 > div .keyword-list li.wide  > div:first-child{padding:80px 0 0;}


/*===== science ============================================*/
.science .h1-wrap{background:#ebf8fb;height:420px;padding-top:30px;box-sizing:border-box;}
.science .h1-wrap h1{background:#fff url(img/science/h1-bg.jpg);width:1080px;height:440px;margin:0 auto;text-align:center;padding-top:190px;box-sizing:border-box;border:1px solid #e0e0e0;}
.science .h1-wrap h1 span{display:inline-block;padding:0 20px;background:#1a7bd0;color:#fff;font-size:35px;font-weight:bold;}
.science #sec1{padding:130px 0 0;}
.science #sec1 > div{width:1040px;margin:0 auto;}
.science #sec1 > p{margin-bottom:100px;text-align:center;}
.science .box1{margin-bottom:50px;}
.science .box1 > div{width:1040px;margin:0 auto;}
.science .box1 > div > div{width:470px;}
.science .box1 > div > div.i{width:520px;text-align:center;}
.science .box1 > div > div p+p{margin-top:20px;}
.science #sec2 > div{width:1040px;margin:0 auto;border:1px solid #ccc;box-sizing:border-box;padding:50px;margin-bottom:100px;}
.science #sec2 h3{display:inline-block;background:#1a7bd0;font-size:15px;font-weight:bold;color:#fff;padding:0 15px;line-height:160%;}
.science #sec2 h2{color:#1a7bd0;font-size:26px;font-weight:bold;line-height:140%;margin-bottom:20px;}	
.science #sec3{padding: 90px 0 120px;background: #ebf8fb;}
.science #sec3 > div{width:1040px;margin:0 auto;}
.science #sec3 table{border-bottom:1px solid #ccc;margin-bottom:30px; background: #fff;}
.science #sec3 table tr:nth-child(odd) td,.science #sec3 table tr th{background:#f6f6f6;}
.science #sec3 table div{text-align:left;padding:0 10px;border-left:1px solid #ccc;height:100%;}
.science #sec3 table tr td:first-child div,.science #sec3 table tr th:first-child div{border:none;}
.science #sec3 table tr th,.science #sec3 table tr td{padding:10px 0; vertical-align: middle;}
.science #sec3 table tr th{border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-weight:bold;}
.science #sec3 table tr th div{font-weight:bold;}
.science #sec3 table tr td:first-child{width:180px;}
.science #sec3 table tr td:last-child{font-size:12px;width:170px;}
.science #sec3 table tr td strong{color:#1a7bd0;}
.science #sec4{padding:90px 0 100px;}
.science #sec4 > div{width:1040px;margin:0 auto;}
.science #sec4 > div ul{letter-spacing:-0.4em;margin-left:-20px;}
.science #sec4 > div li{display:inline-block;width:510px;height:280px;background:#fff;margin:0 0 20px 20px; vertical-align: top; letter-spacing:normal;padding:40px 30px 0 40px;box-sizing:border-box;border: 1px solid #cbd5d0;}
.science #sec4 > div li h3{padding-left:104px;font-size:18px;font-weight:bold;color:#1a7bd0;margin-bottom:10px;}
.science #sec4 > div li .f-l{width:104px;}
.science #sec4 > div li .f-r{width:333px;}
.science #sec5{padding:90px 0 100px;background: #ebf8fb;}
.science #sec5 > div{width:1040px;margin:0 auto;}
.science #sec5 > div > div+div{margin-top:20px;}
.science #sec5 > div > .box{border:1px solid #ccc;box-sizing:border-box;padding:30px;background: #fff;}
.science #sec5 > div > .box dt{font-size:18px;font-weight:bold;color:#1a7bd0;padding-left:32px;}
.science #sec5 > div > .box dt.ico1{background:url(img/science/sec5-ico1.png) no-repeat left;}
.science #sec5 > div > .box dt.ico2{background:url(img/science/sec5-ico3.png) no-repeat left;}
.science #sec5 > div > .box dd{margin-top:10px;background:url(img/science/sec5-ico2.png) no-repeat left;padding-left:28px;}
.science #sec6{padding:110px 0 140px;background:url(img/science/sec6-bg.jpg) no-repeat;background-size:cover;color:#fff;}
.science #sec6 h2{text-align:center;font-size:27px;font-weight:bold;margin-bottom:30px;}
.science #sec6 p{width:630px;margin:0 auto;text-align:center;margin-bottom:20px;font-size:15px;}
.science #sec6 p > span{display:inline-block;text-align:left;font-size:12px;}
.science #sec6 div div{text-align:center;}
.science #sec6 div div a{display:inline-block;background:url(img/science/sec6-email.png) no-repeat left;padding-left:40px;font-size:18px;font-weight:bold;color:#fff;}
.science #breadcrumb ul li a{color: #fff!important;}
.science #breadcrumb ul li{color: #fff!important;}
.science #breadcrumb > ul li+li::before { border-top: 1px solid #fff; border-right: 1px solid #fff;}

.sp{display:none!important;}
.sp320{display:none!important;}

}





@media screen and (max-width: 767px) {
	
.sp320{display:none!important;}

#lower-list{padding:30px 10px;background:#edeeef;}
#lower-list > div h2{font-size:16px;margin-bottom:10px;text-align:center;font-weight:bold;}
#lower-list > div ul{letter-spacing:-0.4em;}
#lower-list > div ul li{display:inline-block;width:50%;letter-spacing:normal;box-sizing:border-box;padding:10px 10px 0; vertical-align:top;}
#lower-list > div ul li a{display:block;}
#lower-list > div ul li div{position:relative;}
#lower-list > div ul li.on div::after{content:'';background:rgba(3,50,93,0.4);position:absolute;left:0;top:0;width:100%;height:100%;}
#lower-list > div ul li a div img{width:100%;height: 65px;object-fit: cover;}
#lower-list > div ul li p{margin-top:5px;font-size:12px;}

/*===== vision ============================================*/
.vision::before{width:100%;height:300px;background:#fff;position:fixed;top:0;left:0;content:'';z-index:200;}
.vision.overhd::before{display:none;}
.vision::after{display:none;width:100%;height:300px;background:#fff;position:fixed;bottom:0;left:0;content:'';z-index:200;}
.vision.overft::after{display:block;}
.vision #contents{padding-top:0!important;}
.vision .slide{position:relative;height:100%;background:#fff;z-index:300;}
.vision h1{width:200px;height:100px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background:url(img/dot1.png) center;text-align:center;padding-top:15px;box-sizing:border-box;z-index:100;}
.vision h1 > span{background:url(img/vision/h1-sub.png) no-repeat bottom;display:inline-block;padding-bottom:30px;text-align:center;font-size:20px;color:#fff;}
.vision section{padding:0 20px;background:#fff;position:relative;z-index:100;}
.vision section#sec1{padding-top:50px;}
.vision section > div{margin:0 auto;text-align:center;padding:25px 0;}
.vision section > div h2{font-size:18px;color:#043451;text-align:center;padding:20px 0 30px;letter-spacing:-0.05em;}
.vision section > div > div{padding-bottom:10px;}
.vision section > div .f-l{float:left;padding:2.5px;box-sizing:border-box;}
.vision section > div .f-r{float:right;padding:2.5px;box-sizing:border-box;}
.vision section > div .f-l,.vision section > div .f-r{width:50%;}
.vision section > div .f-r img+img{margin-top:5px;}
.vision section > div div img{width:100%;height:auto;}
.vision section > div > p{margin:20px auto 0;}
.vision section#sec2 > div{border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.vision section#sec3{padding:0 0 100px 0;position:relative;z-index:10;}
.vision section#sec3::before {  background:url(img/vision/slide2.jpg) no-repeat center;background-size: cover;display: block;position: fixed;top: 0;left: 0;width: 100%;height: 100%;content: "";z-index: -1;}   
.vision section#sec3 > div{background:#fff;padding:25px 20px 50px;}
.vision #sec4{padding:50px 20px 50px;}
.vision #sec4 p{color:#03335f;font-weight:bold;text-align:center;}
.vision section i img{width:35px!important;height:auto!important;}



/*===== service ============================================*/
.service.top .h1-wrap{background:#e8e8e8;height:200px;padding:0;box-sizing:border-box;}
.service.top .h1-wrap h1{background:url(img/service/h1-bg.jpg) center no-repeat;background-size:auto 200px;width:100%;height:200px;text-align:center;padding-top:60px;box-sizing:border-box;}
.service.top .h1-wrap h1 strong{display:block;text-align:center;font-size:27px;font-weight:bold;color:#1a7bd0;}
.service.top .h1-wrap h1 span{display:inline-block;padding:5px 10px;background:#1a7bd0;color:#fff;font-size:20px;font-weight:bold;}
.service.top #sec1 > div.box1{padding:0 20px;position:relative;background:#ebf8fb;}
.service.top #sec1 > div.box1 > div{position:relative;top:-30px;background:#fff;padding:20px;}
.service.top #sec1 > div h2{margin-bottom:20px;color:#1a7bd0;font-size:20px;font-weight:bold;text-align:center;}
.service.top #sec1 > div.box2{background:#fff;padding:30px 20px;}
.service.top #sec1 > div ul li{text-align:center;}
.service.top #sec1 > div ul li+li{margin-top:20px;}
.service.top #sec1 > div ul li h3{text-align:left;padding:10px 0;color:#1a7bd0;font-weight:bold;font-size:15px;line-height:140%;}
.service.top #sec1 > div ul li h3 a{font-size:19px;display:inline-block;text-align:left;line-height:140%;color:#1a7bd0;font-weight:bold;}
.service.top #sec1 > div ul li > a{display:none;}
.service.top #sec2{padding:30px 20px;overflow: hidden;position:relative;}
.service.top #sec2 p{text-align:left;margin-bottom:30px;}
.service.top #sec2::before{width:100%;height:340px;background:#ebf8fb;position:absolute;left:0;top:0;content:'';z-index:-1;}
.service.top #sec2 .sec2-slide{width:1380px;margin-left:-690px;left:50%;position:relative;margin-bottom:30px;}
.service.top #sec2 .sec2-slide .bx-wrapper{position:relative;}
.service.top #sec2 .sec2-slide .bx-controls .bx-prev{width:25px;height:50px;position:absolute;left:530px;top:35%;display:block;z-index:100;text-indent:-9999px;}
.service.top #sec2 .sec2-slide .bx-controls .bx-prev::before{content:'';position:absolute;left:6px;top:8px;width: 30px;height: 30px;border-top: 2px solid #1a7bd0;border-right: 2px solid #1a7bd0;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);}
.service.top #sec2 .sec2-slide .bx-controls .bx-next{width:25px;height:50px;position:absolute;right:530px;top:35%;display:block;z-index:100;text-indent:-9999px;}
.service.top #sec2 .sec2-slide .bx-controls .bx-next::before{content:'';position:absolute;right:6px;top:8px;width: 30px;height: 30px;border-top: 2px solid #1a7bd0;border-right: 2px solid #1a7bd0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.service.top #sec2 li{background:#fff;border:1px solid #ccc;}
.service.top #sec2 li a{display:table; width:100%;box-sizing:border-box;height:100%;}
.service.top #sec2 li a > div{display:table-cell;width:45%; vertical-align: top;background-position:center;background-size:cover;background-repeat:none;}
.service.top #sec2 li a > dl{display:table-cell;width:55%; vertical-align: top;}
.service.top #sec2 li dl{position:relative;padding-bottom:45px;}
.service.top #sec2 li dl dt{padding:10px 10px 0;font-size:18px;font-weight:bold;color:#1a7bd0;position:relative;}
.service.top #sec2 li dl dd{padding:5px 10px;}
.service.top #sec2 li dl dd img{position:absolute;right:10px;bottom:10px;height:40px;width:auto;}

/*about*/
.service.about .h1-wrap{background:#e8e8e8;height:200px;padding:0;box-sizing:border-box;}
.service.about .h1-wrap h1{background:url(img/service/about/h1-bg.jpg) center;background-size:auto 200px;width:100%;height:200px;text-align:center;padding-top:60px;box-sizing:border-box;}
.service.about .h1-wrap h1 strong{display:block;text-align:center;font-size:27px;font-weight:bold;color:#1a7bd0;text-shadow: 0 0 20px #fff, -1px 0 20px #fff, 0 -1px 20px #fff;}
.service.about .h1-wrap h1 span{display:inline-block;padding:5px 10px;background:#1a7bd0;color:#fff;font-size:12px;font-weight:bold;}
.service.about #sec1{padding:30px 20px;}
.service.about #sec1 > div > p{margin-bottom:20px;}
.service.about #sec1 > div > div {position:relative;}
.service.about #sec1 > div > div > div{box-sizing:border-box;border:1px solid #ccc;padding:20px;text-align:center;position:relative;}
.service.about #sec1 > div > div > div+div{margin-top:60px;}
.service.about #sec1 > div > div > div:first-child::after{content:'';background:url(img/service/about/sec1-img2.png);width:26px;height:26px;position:absolute;bottom:-40px;left:0;right:0;margin:0 auto;}
.service.about #sec1 > div > div > div span{display:inline-block;background:#fff;font-size:19px;font-weight:bold;color:#1a7bd0;position:absolute;left:0;right:0;margin:0 auto;width:50px;text-align:center;top:-17px;}
.service.about #sec2{padding:0px 20px 30px;}
.service.about #sec2 > div > div{margin-bottom:20px;}
.service.about #sec2 > div p{margin-top:10px;}

/*job*/
.service.job #sec1 > div > p{margin-bottom:30px;}
.service.job #sec1 > div ul li{margin-top:20px;}
.service.job #sec1 > div ul li h2{font-size:19px;font-weight:bold;color:#1a7bd0;text-align:center;margin-bottom:5px;}
.service.job #sec1 > div ul li > div{border:1px solid #ccc;padding:20px;box-sizing:border-box;}
.service.job #sec1 > div ul li > div > div{text-align:center;margin-bottom:5px;}
.service.job #sec1 > div ul li > div > h3{text-align:center;font-size:16px;font-weight:bold;color:#1a7bd0;margin-bottom:5px;}
.service.job #sec1 > div ul li > div  dl{background:#f6f6f7;padding:20px;}
.service.job #sec1 > div ul li > div  dl dt{font-weight:bold;color:#1a7bd0;}
.service.job #sec1 > div ul li > div  dl dd{background:url(https://www.wdb-eu.com/img/check-ico.png) no-repeat left 3px;padding-left:30px;margin-top:10px;}
.service.job #sec1 > div ul li.wide{}
.service.job #sec1 > div ul li.wide > div > p{margin-top:20px;}

/*===== about ============================================*/
.about.top .h1-wrap{background:#e8e8e8;height:200px;padding:0;box-sizing:border-box;}
.about.top .h1-wrap h1{background:url(img/about/h1-bg.jpg) center no-repeat;background-size:auto 200px;width:100%;height:200px;text-align:center;padding-top:60px;box-sizing:border-box;background-position: 59% 50%;}
.about.top .h1-wrap h1 strong{display:block;text-align:center;font-size:27px;font-weight:bold;color:#1a7bd0;}
.about.top .h1-wrap h1 span{display:inline-block;padding:5px 10px;background:#1a7bd0;color:#fff;font-size:20px;font-weight:bold;}
.about.top #sec1 > div.box1{padding:0 20px;position:relative;background:#ebf8fb;}
.about.top #sec1 > div.box1 > div{position:relative;top:-30px;background:#fff;padding:20px;}
.about.top #sec1 > div h2{margin-bottom:20px;color:#1a7bd0;font-size:20px;font-weight:bold;text-align:center;letter-spacing: -0.1em;}
.about.top #sec1 .box2{padding:30px 20px;background:#fff;}
.about.top #sec1 .box2 ul{margin-bottom:30px;}
.about.top #sec1 .box2 ul li{box-sizing:border-box;color:#fff;text-align:center;}
.about.top #sec1 .box2 ul li a{display:block;padding:40px 0;color:#fff;position:relative;z-index:100;}
.about.top #sec1 .box2 ul li+li{margin-top:1px;}
.about.top #sec1 .box2 ul li.li1{background:url(img/about/about-list1-bg.jpg) no-repeat center;background-size:cover;}
.about.top #sec1 .box2 ul li.li2{background:url(img/about/about-list2-bg.jpg) no-repeat center;background-size:cover;}
.about.top #sec1 .box2 ul li.li3{background:url(img/about/about-list3-bg.jpg) no-repeat center;background-size:cover;}
.about.top #sec1 .box2 ul li h3{text-align:center;font-size:14px;z-index:100;position:relative;}
.about.top #sec1 .box2 ul li h3 strong{font-size:22px;text-align:center;line-height:150%;background:url(img/circle-arrow-bk-s.png) no-repeat right;padding-right:25px;display:inline-block;background-size:16px;font-size:20px;font-weight:bold;}
.about.top #sec1 .box2 ul li p{text-align:left;font-size:14px;padding:20px 30px 0;z-index:100;position:relative;}
.about.top #sec1 .box2 ul li a:active .btn1{background:#1a7bd0;border:none;width:170px;padding:5px 0;color:#fff;}
.about.top #sec1 .box2 ul li a:active .btn1 span{background-image:url(img/circle-arrow-bk-s.png);}
.about.top #sec1 .box2 ul li a:active .btn1:active{zoom: 1;filter: alpha(opacity=100); /* IE6/7 */  -ms-filter: "alpha(opacity=70)"; /* IE8 */  -moz-opacity: 1; /* Firefox */   opacity: 1;}
.about.top #sec1 .box2 ul li a:active::before{content:'';background:rgba(3,50,93,0.8);position:absolute;left:0;top:0;width:100%;height:100%;}

/*people*/
.about.people .h1-wrap{background:#e8e8e8;height:200px;padding:0;box-sizing:border-box;}
.about.people .h1-wrap h1{background:url(img/about/people/h1-bg.jpg) center no-repeat;background-size:auto 200px;width:100%;height:200px;text-align:center;padding-top:65px;box-sizing:border-box;background-position:40% 50%;}
.about.people .h1-wrap h1 strong{display:block;text-align:center;font-size:27px;font-weight:bold;color:#1a7bd0;text-shadow:0 0 20px #fff,-1px 0 20px #fff,0 -1px 20px #fff}
.about.people .h1-wrap h1 span{display:inline-block;padding:2px 10px;background:#1a7bd0;color:#fff;font-size:12px;font-weight:bold;}
.about.people #sec1{padding:30px 20px;}
.about.people #sec1 > p{margin-bottom:30px;}
.about.people .box1{padding:0 20px 30px;}
.about.people .box1 > div > div.i{margin-top:10px;text-align:center;}
.about.people .box1 > div > div p+p{margin-top:10px;}
.about.people #sec3{padding:0 20px 30px;}
.about.people #sec3 > div{border:1px solid #ccc;box-sizing:border-box;padding:20px;}
.about.people #sec3 > div .f-l{margin-bottom:10px;text-align:center;}
.about.people #sec3 h2{margin-bottom:10px;text-align:center;}
.about.people #sec3 h2 > span{display:inline-block;background:#1a7bd0;font-size:16px;font-weight:bold;color:#fff;padding:5px 15px;line-height:160%;}
.about.people #sec3 h3{color:#1a7bd0;font-size:16px;font-weight:bold;line-height:140%;text-align:center;margin-bottom:10px;}

/*job*/
.service.job .h1-wrap{background:#e8e8e8;height:200px;padding:0;box-sizing:border-box;}
.service.job .h1-wrap h1{background:url(img/service/job/h1-bg.jpg) center no-repeat;background-size:auto 200px;width:100%;height:200px;text-align:center;padding-top:60px;box-sizing:border-box;}
.service.job .h1-wrap h1 strong{display:block;text-align:center;font-size:27px;font-weight:bold;color:#1a7bd0;text-shadow:0 0 20px #fff,-1px 0 20px #fff,0 -1px 20px #fff}
.service.job .h1-wrap h1 span{display:inline-block;padding:5px 10px;background:#1a7bd0;color:#fff;font-size:12px;font-weight:bold;}
.service.job #sec1{padding:30px 20px;}
.service.job #sec1 > div > p{margin-bottom:30px;}
.service.job #sec1 > div ul li{margin-top:20px;}
.service.job #sec1 > div ul li h2{font-size:19px;font-weight:bold;color:#1a7bd0;text-align:center;margin-bottom:5px;}
.service.job #sec1 > div ul li > div{border:1px solid #ccc;padding:22px;box-sizing:border-box;}
.service.job #sec1 > div ul li > div > div{text-align:center;margin-bottom:5px;}
.service.job #sec1 > div ul li > div > h3{text-align:center;font-size:18px;font-weight:bold;color:#1a7bd0;margin-bottom:10px;}
.service.job #sec1 > div ul li > div  dl{background:#f6f6f7;padding:20px;}
.service.job #sec1 > div ul li > div  dl dt{font-weight:bold;color:#1a7bd0;}
.service.job #sec1 > div ul li > div  dl dd{background:url(https://www.wdb-eu.com/img/check-ico.png) no-repeat left 3px;padding-left:30px;margin-top:10px;}
.service.job #sec1 > div ul li.wide{}
.service.job #sec1 > div ul li.wide > div > p{margin-top:20px;}

/*beginner*/
.service.beginner .h1-wrap{background:#e8e8e8;height:200px;padding:0;box-sizing:border-box;}
.service.beginner .h1-wrap h1{background:url(img/service/beginner/h1-bg.jpg) center no-repeat;background-size:auto 200px;width:100%;height:200px;text-align:center;padding-top:60px;box-sizing:border-box;}
.service.beginner .h1-wrap h1 strong{display:block;text-align:center;font-size:27px;font-weight:bold;color:#1a7bd0;text-shadow:0 0 20px #fff,-1px 0 20px #fff,0 -1px 20px #fff;line-height:140%;padding-top:5px;}
.service.beginner .h1-wrap h1 span{display:inline-block;padding:5px 10px;background:#1a7bd0;color:#fff;font-size:12px;font-weight:bold;}
.service.beginner .h1-wrap h1 br{line-height:140%;}
.service.beginner #sec1{padding:30px 0 0}
.service.beginner #sec1 > div h2 {margin-bottom: 20px;color: #1a7bd0;font-size: 20px;font-weight: bold;text-align: center;padding:0 20px;}
.service.beginner #sec1 > div > p{margin-bottom:10px;padding:0 20px;}
.service.beginner #sec1 > div .box1{background:#ebf8fb;padding:30px 20px;margin-top:30px;}
.service.beginner #sec1 > div .box1 > div > div{background:#fff;border:1px solid #ccc;box-sizing:border-box;padding:20px;}
.service.beginner #sec1 > div .box1 > div > div+div{margin-top:20px;}
.service.beginner #sec1 > div .box1 > div > div h3{text-align:center;font-size:19px;font-weight:bold;color:#1a7bd0;margin-bottom:10px;}
.service.beginner #sec1 > div .box1 > div > div p{margin-bottom:10px;}
.service.beginner #sec1 > div .box1 > div > div > div{text-align:center;margin-bottom:20px;}
.service.beginner #sec1 > div .box1 > div > div > dl{background:#f6f6f7;padding:20px;box-sizing:border-box;}
.service.beginner #sec1 > div .box1 > div > div > dl dt{font-size:15px;font-weight:bold;color:#1a7bd0;margin-bottom:5px;}
.service.beginner #sec1 > div .box1 > div > div > dl dt span{font-size:14px;font-weight:bold;color:#fff;display:inline-block;background:#1a7bd0;padding:0 15px;margin-bottom:5px;}
.service.beginner #sec2{padding:30px 20px;}
.service.beginner #sec2 > div ol,.service.beginner #sec2 > div li{list-style:none;margin:0;padding:0;}
.service.beginner #sec2 > div ol{letter-spacing:-0.4em;}
.service.beginner #sec2 > div ol li{letter-spacing:normal;display:inline-block; vertical-align: top;width:50%;}
.service.beginner #sec2 > div ol li > span{display:block;background:#1a7bd0;text-align:center;color:#fff;font-weight:bold;height:30px;line-height:30px;}
.service.beginner #sec2 > div ol li > span > strong{font-size:18px;line-height:30px;}
.service.beginner #sec2 > div ol li > span{background:#1a7bd0 url(https://www.wdb-eu.com/img/service/beginner/sec2-arrow.png) no-repeat right center;background-size:auto 30px;}
.service.beginner #sec2 > div ol li:nth-child(2n) > span{background:#1a7bd0;}
.service.beginner #sec2 > div ol li > h4{text-align:center;padding:10px 0;font-size:18px;font-weight:bold;color:#1a7bd0;}
.service.beginner #sec2 > div ol li > div{text-align:center;margin-bottom:20px;}
.service.beginner #sec2 > div ol li > p{padding:0 10px 10px 10px;}

/*service*/
.about-service .h1-wrap{background:#e8e8e8;height:200px;padding:0;box-sizing:border-box;}
.about-service .h1-wrap h1{background:url(img/about/service/h1-bg.jpg) center no-repeat;background-size:auto 200px;width:100%;height:200px;text-align:center;padding-top:65px;box-sizing:border-box;}
.about-service .h1-wrap h1 strong{display:block;text-align:center;font-size:27px;font-weight:bold;color:#1a7bd0;text-shadow:0 0 20px #fff,-1px 0 20px #fff,0 -1px 20px #fff}
.about-service .h1-wrap h1 span{display:inline-block;padding:2px 10px;background:#1a7bd0;color:#fff;font-size:12px;font-weight:bold;}
.about-service #sec1{padding:30px 20px;}
.about-service #sec1 > p{margin-bottom:30px;}
.about-service #sec1 > div > p{margin-bottom:20px;}
.about-service #sec1 > div > .t-c{margin-top:20px;}
.about-service #sec1 > div > div img{max-width:100%;height:auto;}
.about-service .box1{padding:0 20px 30px;}
.about-service .box1 > div > div.i{margin-top:10px;text-align:center;}
.about-service .box1 > div > div p{margin-bottom:10px;}

/*keyword*/
.keyword .h1-wrap{background:#e8e8e8;height:200px;padding:0;box-sizing:border-box;}
.keyword .h1-wrap h1{background:url(img/about/keyword/h1-bg.png) center no-repeat;background-size:auto 200px;width:100%;height:200px;text-align:center;padding-top:50px;box-sizing:border-box;}
.keyword .h1-wrap h1 strong{display:block;text-align:center;font-size:27px;font-weight:bold;color:#1a7bd0;}
.keyword .h1-wrap h1 span{display:inline-block;padding:10px 20px;background:#1a7bd0;color:#fff;font-size:12px;font-weight:bold;}
.keyword #sec1{padding:0 20px 1px;position:relative;background:#ebf8fb;}
.keyword #sec1 > div .keyword-list{position:relative;top:-30px;}
.keyword #sec1 > div .keyword-list li{box-sizing:border-box;margin:0;list-style:none; vertical-align: top;}
.keyword #sec1 > div .keyword-list li+li{margin-top:20px;}
.keyword #sec1 > div .keyword-list li > div{background:url(img/dot2.png) center;padding:30px 20px;height:100%;box-sizing:border-box;}
.keyword #sec1 > div .keyword-list li > div > div{text-align:center;display:table;width:100%;}
.keyword #sec1 > div .keyword-list li > div > div img{width:150px; height:auto;}
.keyword #sec1 > div .keyword-list li > div > div > div{display:table-cell; width:50%;text-align:center;}
.keyword #sec1 > div .keyword-list li > div > div > div > strong{font-size:23px;font-weight:bold;color:#1a7bd0;display:block;text-align:center;}
.keyword #sec1 > div .keyword-list li > div > div > div > span img{width:60px;height:auto;}
.keyword #sec1 > div .keyword-list li > div > div > div > img{width:75px;height:auto;margin-bottom:15px;}
.keyword #sec1 > div .keyword-list li:nth-child(3) > div > div img{width:230px;}
.keyword #sec1 > div .keyword-list li.wide{width:100%;}
.keyword #sec1 > div .keyword-list li > div h2{color:#454545;font-size:29px;font-weight:bold;text-align:center;margin-bottom:20px;}
.keyword #sec1 > div .keyword-list li > div h2 span{font-size:32px;font-weight:bold;}
.keyword #sec1 > div .keyword-list li > div dl{margin-top:20px;}
.keyword #sec1 > div .keyword-list li > div dl dt{color:#454545;font-size:18px;font-weight:bold;margin-bottom:10px;}
.keyword #sec1 > div .keyword-list li.wide > div{margin-bottom:20px;}
.keyword #sec1 > div .keyword-list li.wide ul{}
.keyword #sec1 > div .keyword-list li.wide ul li {border-top:1px solid #ccc;padding:25px 0;box-sizing:border-box;}
.keyword #sec1 > div .keyword-list li.wide ul li > div{display:table;width:100%;padding:0;}
.keyword #sec1 > div .keyword-list li.wide ul li h3{font-size:16px;font-weight:bold;color:#454545;display:block;width:100%;margin-bottom:10px;}
.keyword #sec1 > div .keyword-list li.wide ul li > div div{display:table-cell;padding:0 20px 0 0;width:80px; vertical-align: top;}
.keyword #sec1 > div .keyword-list li.wide ul li > div p{display:table-cell; vertical-align: top;}
.keyword #sec1 > div .keyword-list li.wide ul li div img{width:100%;height:auto;}



/*===== science ============================================*/
.science .h1-wrap{background:#e8e8e8;height:200px;padding:0;box-sizing:border-box;}
.science .h1-wrap h1{background:url(img/science/h1-bg.jpg) center no-repeat;background-size:auto 200px;width:100%;height:200px;text-align:center;padding-top:70px;box-sizing:border-box;}
.science .h1-wrap h1 strong{display:block;text-align:center;font-size:27px;font-weight:bold;color:#1a7bd0;}
.science .h1-wrap h1 span{display:inline-block;padding:5px 10px;background:#1a7bd0;color:#fff;font-size:20px;font-weight:bold;}
.science #sec1{padding:30px 20px;}
.science #sec1 > p{margin-bottom:30px;}
.science .box1{padding:0 20px 30px;}
.science .box1 > div > div.i{margin-top:10px;text-align:center;}
.science .box1 > div > div p+p{margin-top:10px;}
.science #sec2 {padding:0 20px 30px;}
.science #sec2 > div{border:1px solid #ccc;box-sizing:border-box;padding:20px;}
.science #sec2 > div .f-l{margin-bottom:10px;text-align:center;}
.science #sec2 h3{display:inline-block;background:#1a7bd0;font-size:16px;font-weight:bold;color:#fff;padding:0 15px;line-height:160%;}
.science #sec2 h2{color:#1a7bd0;font-size:16px;font-weight:bold;line-height:140%;margin-bottom:10px;}
.science #sec3{padding:30px 0 30px;background:#ebf8fb}
.science #sec3 table{border-bottom:1px solid #ccc;margin-bottom:30px;}
.science #sec3 table tr td:first-child{border-top:1px solid #ccc!important;}
.science #sec3 table tr:nth-child(even) td,.science #sec3 table tr th{background:#f6f6f6;}
.science #sec3 table tr td{padding:0 20px;display:block;width:100%;box-sizing:border-box;}
.science #sec3 table tr td:first-child{padding:20px 20px 0;}
.science #sec3 table tr td+td{padding-top:5px;}
.science #sec3 table tr td span.sp{border-bottom:1px solid #ccc;}
.science #sec3 table tr th{display:none;}
.science #sec3 table tr td:last-child div{font-size:12px;width:170px;padding-bottom:20px;padding-top:5px;}
.science #sec3 table tr td strong{color:#1a7bd0;}
.science #sec4{padding:30px 20px;background:#fff;}
.science #sec4 > div ul{}
.science #sec4 > div li{background:#fff;padding:20px;box-sizing:border-box;border:1px solid #cbd5d0;}
.science #sec4 > div li+li{margin-top:20px;}
.science #sec4 > div li h3{padding-left:80px;font-size:16px;font-weight:bold;color:#1a7bd0;margin-bottom:5px;}
.science #sec4 > div li .clearfix{display:table;width:100%;}
.science #sec4 > div li .f-l{width:80px;display:table-cell; vertical-align: top;}
.science #sec4 > div li .f-l img{width:65px;height:auto;}
.science #sec4 > div li .f-r{display:table-cell; vertical-align: top;}
.science #sec5{padding:30px 20px;background:#ebf8fb}
.science #sec5 > div > div+div{margin-top:20px;}
.science #sec5 > div > .box{border:1px solid #ccc;box-sizing:border-box;padding:20px;background:#fff;}
.science #sec5 > div > .box dt{font-size:16px;font-weight:bold;color:#1a7bd0;padding-left:32px;}
.science #sec5 > div > .box dt.ico1{background:url(img/science/sec5-ico1.png) no-repeat left;}
.science #sec5 > div > .box dt.ico2{background:url(img/science/sec5-ico3.png) no-repeat left;}
.science #sec5 > div > .box dd{margin-top:10px;background:url(img/science/sec5-ico2.png) no-repeat left 6px;padding-left:28px;}
.science #sec6{padding:50px 20px;background:url(img/science/sec6-bg.jpg) no-repeat;background-size:cover;color:#fff;}
.science #sec6 h2{text-align:center;font-size:19px;font-weight:bold;margin-bottom:20px;}
.science #sec6 p{text-align:center;margin-bottom:10px;}
.science #sec6 p > span{display:inline-block;text-align:left;font-size:12px;text-indent:-1em;margin-left:1em;}
.science #sec6 div div{text-align:center;}
.science #sec6 div div a{display:inline-block;background:url(img/science/sec6-email.png) no-repeat left;padding-left:40px;font-size:18px;font-weight:bold;color:#fff;}
}



/*===pc==*/
@media screen and (min-width: 768px), print {


/*===== service ============================================*/
.service2 #contents {padding-top:90px;}
.service2 .h1-wrap {background:#ebf8fb;height:412px;padding-top:0;box-sizing:border-box;}
.service2 .h1-wrap h1 {background:#fff url(img/service/h1-bg.jpg);background-size:cover;width:1080px;height:440px;margin:0 auto;text-align:center;padding-top:156px;box-sizing:border-box;}
.service2 .h1-wrap h1 span {display:inline-block;padding:19px 22px;box-sizing:border-box;background:#1a7bd0;color:#fff;font-size:35px;font-weight:bold;line-height:1.28;}
.service2.top .h1-wrap h1 {padding-top:187px;}
.service2.top .h1-wrap h1 span {padding:7px 22px;}
.service2.top #sec1 {padding:98px 0 88px;}
.service2.top #sec1 > div {width:1040px;margin:0 auto;}
.service2.top #sec1 > div h2 {margin-bottom:36px;color:#1a7bd0;font-size:26px;font-weight:bold;text-align:center;line-height:1.62;}
.service2.top #sec1 > div h2 span {color:#03325D;font-weight:bold;}
.service2.top #sec1 > div > div > p {margin-bottom:82px;line-height:2.05;}
.service2.top #sec1 .box1 .link-box {position:relative;margin:0 auto;width:922px;}
.service2.top #sec1 .box1 .link-box h3 {position:absolute;left:54%;top:52.5%;transform:translate(-50%,-50%);background:url(img/service/bg01.png) no-repeat center center / 100%;width:469px;height:456px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;align-content:center;text-align:center;font-size:46px;font-weight:700;line-height:1.22;padding-top:14px;}
.service2.top #sec1 .box1 .link-box h3 span {width:100%;font-weight:700;}
.service2.top #sec1 .box1 .link-box .link-item {width:380px;height:380px;box-sizing:border-box;position:relative;z-index:1;}
.service2.top #sec1 .box1 .link-box .link-item a {display:block;width:380px;height:380px;box-sizing:border-box;color:#fff;background:url(img/service/bg02.png) no-repeat center center / 100%;padding:89px 15px 15px;}
.service2.top #sec1 .box1 .link-box .link-item a > div {width:100%;text-align:center;}
.service2.top #sec1 .box1 .link-box .link-item h4 {margin-bottom:16px;text-align:center;font-size:20px;font-weight:700;line-height:1.25;}
.service2.top #sec1 .box1 .link-box .link-item .txt-list {margin-bottom:18px;display:inline-block;text-align:left;}
.service2.top #sec1 .box1 .link-box .link-item .txt-list li {padding-left:14px;font-size:14px;font-weight:500;line-height:1.7;position: relative;}
.service2.top #sec1 .box1 .link-box .link-item .txt-list li::before {content: '';width: 13px;height: 13px;position: absolute;left: 0;top: 0.35em;border-radius: 50%;background: #fff;}
.service2.top #sec1 .box1 .link-box .link-item .btn {margin:0 auto;padding:8px 5px 6px;text-align:center;width:170px;font-size:12px;font-weight:700;color:#03325D;background:#fff;box-sizing:border-box;border-radius:5px;}
.service2.top #sec1 .box1 .link-box .link-item .btn span {padding:0 20px 1px 0;display:inline-block;font-weight:700;background:url(img/circle-arrow-bl-s.png) no-repeat right 1px center / 13px;}
.service2.top #sec1 .box1 .link-box .link-item a:hover {opacity:0.7;}
.service2.top #sec1 .box1 .link-box .item01 {margin:0 74px 0 auto;}
.service2.top #sec1 .box1 .link-box .item02 {margin-top:-85px;}
.service2.top #sec1 .box1 .link-box .item03 {margin:-204px 0 0 auto;}
.service2 .pickup {padding:58px 0 105px;background:#EDEEEF;}
.service2 .pickup .inner {margin:0 auto;width:1040px;}
.service2 .pickup .ttl-box {margin-bottom:36px;display:flex;align-items:center;}
.service2 .pickup .ttl-box h2 {margin-right:24px;color:#1A7BD0;font-size:24px;font-weight:700;}
.service2 .pickup ul {margin-bottom:65px;letter-spacing:-0.4em;}
.service2 .pickup ul li {width:344px;height:344px;display:inline-block;letter-spacing:normal;vertical-align:top;box-sizing:border-box;color:#fff;text-align:center;}
.service2 .pickup ul li + li {margin-left:4px;}
.service2 .pickup ul li.li1 {background:url(img/service/service-list1-bg.jpg) no-repeat center;background-size:cover;}
.service2 .pickup ul li.li2 {background:url(img/service/service-list2-bg.jpg) no-repeat center;background-size:cover;}
.service2 .pickup ul li.li3 {background:url(img/service/service-list3-bg.jpg) no-repeat center;background-size:cover;}
.service2 .pickup ul li a {display:block;color:#fff;padding-top:68px;box-sizing:border-box;height:100%;position:relative;}
.service2 .pickup ul li h3 {text-align:center;position:relative;z-index:10;}
.service2 .pickup ul li h3 {font-size:16px;line-height:150%;}
.service2 .pickup ul li h3 strong {font-size:27px;display:block;text-align:center;line-height:150%;}
.service2 .pickup ul li p {text-align:center;font-size:14px;padding:26px 15px 41px;position:relative;z-index:10;line-height:1.58;}
.service2 .pickup ul li .btn1 {border:none;width:170px;padding:4px 0 5px;position:relative;z-index:10;}
.service2 .pickup ul li .btn1 span.mini {padding: 1px 22px 1px 2px; background-position: right 2px center;}
.service2 .pickup ul li a:hover .btn1 {background:#1a7bd0;border:none;width:170px;padding:4px 0 5px;color:#fff;}
.service2 .pickup ul li a:hover .btn1 span {background-image:url(img/circle-arrow-bk-s.png);}
.service2 .pickup ul li a:hover .btn1:hover {zoom:1;filter:alpha(opacity=100);-ms-filter:"alpha(opacity=70)";-moz-opacity:1;opacity:1;}
.service2 .pickup ul li a:hover::before {content:'';background:rgba(3,50,93,0.8);position:absolute;left:0;top:0;width:100%;height:100%;}
.service2 #breadcrumb {padding:6px 0 8px;background:#fff;}
.service2 #breadcrumb > ul {width:1080px;}
.service2 #breadcrumb > ul li + li {margin-left:30px;}
.service2 #breadcrumb > ul li + li::before {width:7px;height:7px;left:-20px;}
.service2 .sec-box {padding:94px 0 119px;}
.service2 .content {margin:0 auto;width:1040px;box-sizing:border-box;}
.service2 .top-txt-center {margin-bottom:126px;text-align:center;line-height:2.07;}
.service2 .hdline1 {margin-bottom:161px;padding-bottom:6px;font-size:30px;color:#1A7BD0;}
.service2 .hdline1::before {width:159px;}
.service2 .hdline1::after {border-width:7px;bottom:-18px;}
.service2 .hdline3::before {bottom:-10px;}
.service2 .c-imgbox {margin-bottom:52px;display:flex;justify-content:space-between;}
.service2 .c-imgbox.row-reverse {flex-direction:row-reverse;}
.service2 .c-imgbox .photo-box {width:520px;}
.service2 .c-imgbox .photo-box img {width:100%;}
.service2 .c-imgbox .text-box {margin-top:-2px;width:470px;}
.service2 .c-imgbox .text-box p {margin-bottom:35px;font-weight:500;line-height:2.07;letter-spacing:0;}
.service2 .c-imgbox .text-box p:last-child {margin-bottom:0;}
.service2 .bg-box {margin-bottom:46px;padding:62px 30px 82px;background:#EBF8FB;}
.service2 .bg-box01 {padding-bottom:70px;}
.service2 .bg-box02 {margin-bottom:117px;padding:57px 0;}
.service2 .bg-box .imgtext {text-align:center;}
.service2 .bg-box .imgtext01 {margin-top:-76px;}
.service2 .bg-box p {font-weight:500;line-height:2.07;}
.service2 .case-box {margin-bottom:191px;padding-bottom:70px;box-sizing:border-box;border:1px solid #666;}
.service2 .case-box .ttl {margin:0 47px 30px;}
.service2 .case-box .ttl span {padding:5px 5px 9px;min-width:190px;box-sizing:border-box;display:inline-block;vertical-align:top;text-align:center;color:#fff;font-size:18px;font-weight:400;background:#333;border-radius:0 0 5px 5px;}
.service2 .case-box .case-list {margin-top:-50px;display:flex;flex-wrap:wrap;justify-content:center;}
.service2 .case-box .case-list li {margin-top:50px;padding:0 10px;width:32%;text-align:center;box-sizing:border-box;display: flex;flex-wrap: wrap;flex-direction: column;}
.service2 .case-box .case-list li .photo {margin-bottom:20px;width: 100%;text-align: center;}
.service2 .case-box .case-list li .text-box {width: 100%;display: flex;flex-wrap: wrap;align-items: center;align-content: center;flex: 1;}
.service2 .case-box .case-list li p {width: 100%;text-align:center;font-size:14px;font-weight:500;}
.service2 .case-box .case-list li p a {padding:1px 18px 1px 0;display:inline-block;vertical-align:top;color:#333;font-size:12px;font-weight:700;border-bottom:1px solid #333;background:url(img/circle-arrow-bk-s_black.png) no-repeat right center / 13px;}
.service2 .case-box .case-list li p a:hover {opacity:0.7;}
.service2 .case-box01 {padding-bottom:75px;}
.service2 .case-box01 .ttl {margin-bottom:51px;}
.service2 .center-text-color {margin-bottom:52px;color:#1A7BD0;font-size:20px;font-weight:700;letter-spacing:0.05em;line-height:1.6;text-align:center;}
.service2 .other-box .hdline6 {margin-bottom:47px;color:#333333;}
.service2 .other-box .other-list {display:flex;justify-content:space-between;}
.service2 .other-box .other-list li {width:500px;position:relative;}
.service2 .other-box .other-list li a {display:block;position:relative;color:#fff;}
.service2 .other-box .other-list li a:hover {opacity:0.7;}
.service2 .other-box .other-list li .photo {position:relative;}
.service2 .other-box .other-list li .photo::before {width:100%;height:100%;position:absolute;left:0;top:0;background:#333;opacity:0.77;mix-blend-mode:multiply;content:'';}
.service2 .other-box .other-list li .photo img {width:100%;}
.service2 .other-box .other-list li .text-box {padding:28px 15px;width:100%;height:100%;position:absolute;left:0;top:0;box-sizing:border-box;text-align:center;z-index:1;}
.service2 .other-box .other-list li .text-box p {margin-bottom:13px;text-align:center;color:#fff;font-size:24px;font-weight:700;line-height:1.58;letter-spacing:0.05em;}
.service2 .other-box .other-list li .text-box .btn {margin:0 auto;padding:8px 5px;width:170px;color:#03325D;font-weight:700;font-size:12px;box-sizing:border-box;text-align:center;background:#fff;border-radius:5px;}
.service2 .other-box .other-list li .text-box .btn span {display:inline-block;padding-right:20px;font-weight:700;background:url(img/circle-arrow-bl-s.png) no-repeat right 1px center / 13px;}
.service2 .c-imglist {margin:-40px 14px 45px 0;display:flex;justify-content:space-between;flex-wrap:wrap;}
.service2 .c-imglist::after {content:'';width:300px;}
.service2 .c-imglist li {margin-top:40px;width:300px;}
.service2 .c-imglist li .photo {margin-bottom:22px;text-align:center;}
.service2 .c-imglist li h4 {margin-bottom:10px;padding-bottom:15px;text-align:center;color:#1A7BD0;font-weight:700;font-size:20px;line-height:1.25;border-bottom:3px solid #1A7BD0;}
.service2 .c-imglist li p {line-height:2.07;}
.service2 .c-btn {text-align:center;}
.service2 .c-btn a {box-sizing:border-box;padding:14px 10px;width:376px;display:inline-block;text-align:center;color:#fff;font-size:22px;font-weight:700;border-radius:5px;background:#1A7BD0;}
.service2 .c-btn a span {padding-right:38px;display:inline-block;background:url(img/circle-arrow-bk-s.png) no-repeat right 2px center / 24px;}
.service2 .c-btn a:hover {opacity:0.7;}

/*si*/
.service2.si .h1-wrap h1 {background-image:url(img/service/si/h1-bg.jpg);}
.service2.si .h1-wrap h1 span {width:684px;}
.service2.si .flow-img {text-align:center;}

/*cs*/
.service2.cs .h1-wrap h1 {background-image:url(img/service/cs/h1-bg.jpg);}
.service2.cs .h1-wrap h1 span {width:684px;}
.service2.cs .bg-box03 {margin-bottom:49px;padding:48px 49px 43px;}
.service2.cs .bg-box03 .hdline5 {margin-bottom:31px;}
.service2.cs .case-box .ttl {margin-bottom:47px;}

/*ps*/
.service2.ps .h1-wrap h1 {background-image:url(img/service/ps/h1-bg.jpg);}
.service2.ps .h1-wrap h1 span {width:684px;}
.service2.ps .c-imgbox .text-box .logo {text-align:center;}
.service2.ps .img-box {margin-bottom:42px;display:flex;background:#EBF8FB;}
.service2.ps .img-box .photo-box {width:620px;order:1;}
.service2.ps .img-box .text-box {padding:22px 30px;flex:1;box-sizing:border-box;}
.service2.ps .img-box .text-box .logo {margin-bottom:24px;text-align:center;}
.service2.ps .img-box .text-box .ttl {margin-bottom:24px;color:#03325D;font-weight:700;font-size:20px;line-height:1.25;}
.service2.ps .img-box .text-box .text {margin-bottom:26px;font-weight:500;line-height:2.07;}
.service2.ps .img-box .text-box .btn {text-align:center;}
.service2.ps .img-box .text-box .btn a {padding:6px 9px 6px;display:inline-block;color:#fff;font-size:12px;font-weight:700;background:#03325D;border-radius:5px;}
.service2.ps .img-box .text-box .btn a span {padding:2px 20px 2px 3px;display:inline-block;background:url(img/circle-arrow-bk-s.png) no-repeat right 2px center / 13px;}
.service2.ps .img-box .text-box .btn a:hover {opacity:0.7;}
.service2.ps .c-btn {margin-bottom:191px;}
.service2.ps .c-imgbox.mb01 {margin-bottom:48px;}
.service2.ps .c-imglist {margin:-40px 30px 236px;}
.service2.ps .c-imgbox.mb02 {margin-bottom:182px;}
.service2.ps .c-imgbox .text-box p {margin-bottom:25px;}
.service2.ps .c-imgbox1 .text-box p {margin-bottom:33px;}
.service2.ps .c-imgbox .text-box .sub-list {display:flex;flex-wrap:wrap;justify-content:space-between;}
.service2.ps .c-imgbox .text-box .sub-list li {width:204px;}
.service2.ps .c-imgbox .text-box .sub-list li .pho {margin-bottom:30px;}
.service2.ps .c-imgbox .text-box .sub-list li p {font-size:15px;font-weight:400;line-height:1.67;}
.service2.ps .c-imgbox .text-box .sub-list li p:last-child {margin-bottom:0;}

/*gs*/
.service2.gs .h1-wrap h1 {background-image:url(img/service/gs/h1-bg.jpg);}
.service2.gs .h1-wrap h1 span {width:632px;}
.service2.gs .sec-box {padding:171px 0 220px;}
.service2.gs .hdline1 {margin-bottom:154px;}
.service2.gs .img {margin-bottom:89px;text-align:center;}
.service2.gs .bg-box {margin-bottom:48px;padding:44px 50px 50px;}
.service2.gs .case-box {margin-bottom:0;}
.service2.gs .case-box .ttl {margin-bottom:52px;}

/*kss*/
.service2.kss .h1-wrap h1 {background-image:url(img/service/kss/h1-bg.jpg);}
.service2.kss .h1-wrap h1 span {width:632px;}
.service2.kss .sec-box {padding:172px 0 227px;}
.service2.kss .hdline1 {margin-bottom:155px;padding-bottom:5px;}
.service2.kss .sec-box .sub-sec .img-box {margin-bottom:94px;display:flex;justify-content:space-between;}
.service2.kss .sec-box .sub-sec .img-box .photo-box {margin-right:1px;width:500px;order:1;}
.service2.kss .sec-box .sub-sec .img-box .text-box {padding-top:19px;width:520px;box-sizing:border-box;}
.service2.kss .sec-box .sub-sec .img-box .text-box .img {margin-bottom:54px;text-align:center;}
.service2.kss .sec-box .sub-sec .img-box .text-box p {line-height:2.07;font-weight:500;}
.service2.kss .h3ttl {margin-bottom:10px;text-align:center;}
.service2.kss .c-imglist li .photo {margin-bottom: 17px;}

/*ms*/
.service2.ms .h1-wrap h1 {background-image:url(img/service/ms/h1-bg.jpg);}
.service2.ms .h1-wrap h1 span {width:632px;}
.service2.ms .sec-box {padding:171px 0 228px;}
.service2.ms .hdline1 {margin-bottom:154px;}
.service2.ms .hdline4 {margin-bottom:55px;}
.service2.ms .flow-list {margin-bottom:46px;display:flex;flex-wrap:wrap;}
.service2.ms .flow-list li {margin-right:80px;padding:10px;width:200px;display:flex;flex-direction:column;position:relative;box-sizing:border-box;background:#55A6ED;border-radius:10px;}
.service2.ms .flow-list li::after {width:45px;height:19px;position:absolute;right:-62px;top:50%;transform:translateY(-50%);background:url(img/service/ms/arrow.png) no-repeat center center / 100%;content:'';}
.service2.ms .flow-list li:nth-child(2) {background:#1A7BD0;}
.service2.ms .flow-list li:nth-child(3) {background:#1B6EB7;}
.service2.ms .flow-list li:nth-child(4) {background:#1C5990;}
.service2.ms .flow-list li:nth-child(4n) {margin-right:0;}
.service2.ms .flow-list li:nth-child(4n)::after {display:none;}
.service2.ms .flow-list li .photo {text-align:center;}
.service2.ms .flow-list li .text-box {padding:13px 0 5px;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;flex:1;text-align:center;color:#fff;}
.service2.ms .flow-list li .text-box h4 {margin-bottom:7px;width:100%;font-size:20px;font-weight:700;line-height:1.35;text-align:center;}
.service2.ms .flow-list li .text-box p {width:100%;font-size:14px;font-weight:500;text-align:center;}
.service2.ms .case-box .ttl {margin-bottom:52px;}
.service2.ms .bg-box02 {margin-bottom:0;}


/*people*/
.about.people .h1-wrap{background:#ebf8fb;height:420px;padding-top:30px;box-sizing:border-box;}
.about.people .h1-wrap h1{background:#fff url(img/about/people/h1-bg.jpg);width:1080px;height:440px;margin:0 auto;text-align:center;padding-top:160px;box-sizing:border-box;border:1px solid #e0e0e0;}
.about.people .h1-wrap h1 strong{display:block;text-align:center;font-size:34px;font-weight:bold;color:#1a7bd0;text-shadow:0 0 20px #fff,-1px 0 20px #fff,0 -1px 20px #fff}
.about.people .h1-wrap h1 span{display:inline-block;padding:0 20px;background:#1a7bd0;color:#fff;font-size:18px;font-weight:bold;}
.about.people #sec1{padding:130px 0 0;}
.about.people #sec1 > div{width:1040px;margin:0 auto;}
.about.people #sec1 > p{margin-bottom:100px;text-align:center;}
.about.people .box1{margin-bottom:100px;}
.about.people #sec2{margin-bottom:120px;}
.about.people .box1 > div{width:1040px;margin:0 auto;}
.about.people .box1 > div > div{width:470px;}
.about.people .box1 > div > div.i{width:520px;text-align:center;}
.about.people .box1 > div > div p+p{margin-top:20px;}
.about.people #sec3{padding-bottom:120px;}
.about.people #sec3 > div{width:1040px;margin:0 auto;border:1px solid #ccc;box-sizing:border-box;padding:50px;}
.about.people #sec3 > div .f-l{width:310px;text-align:center;}
.about.people #sec3 > div .f-r{width:590px;}
.about.people #sec3 h2{margin-bottom:10px;}
.about.people #sec3 h2 > span{display:inline-block;background:#1a7bd0;font-size:20px;font-weight:bold;color:#fff;padding:0 15px;line-height:160%;}
.about.people #sec3 .f-r h3{color:#1a7bd0;font-size:26px;font-weight:bold;line-height:140%;margin-bottom:20px;}
/*keyword*/
.keyword #sec1 > div .keyword-list li.wide ul li h3{text-align:center;font-size:22px;font-weight:bold;color:#454545;}
.keyword #sec1 > div .keyword-list li.wide ul li div{text-align:center;padding:25px 0;}



/*===== outline ============================================*/
.outline.top .h1-wrap{background:#ebf8fb;height:420px;padding-top:30px;box-sizing:border-box;}
.outline.top .h1-wrap h1{background:#fff url(img/outline/profile/h1-bg.jpg);width:1080px;height:440px;margin:0 auto;text-align:center;padding-top:160px;box-sizing:border-box;border:1px solid #e0e0e0;}
.outline.top .h1-wrap h1 strong{display:block;text-align:center;font-size:34px;font-weight:bold;color:#1a7bd0;text-shadow:0 0 20px #fff,-1px 0 20px #fff,0 -1px 20px #fff}
.outline.top .h1-wrap h1 span{display:inline-block;padding:0 20px;background:#1a7bd0;color:#fff;font-size:18px;font-weight:bold;}
.outline.top #sec1{padding:130px 0;}
.outline.top #sec1 > div{width:1040px;margin:0 auto;}
.outline.top #sec1 > .outline_box01 {margin-bottom:60px;}
.outline.top #sec1 > .outline_box01 ul li{width:504px;display:inline-block;letter-spacing:normal; vertical-align: top;text-align:center;}
.outline.top #sec1 > .outline_box02 ul li{width:325px;display:inline-block;letter-spacing:normal; vertical-align: top;text-align:center;}
.outline.top #sec1 ul{letter-spacing:-0.4em;}
.outline.top #sec1 li+li{margin-left:32px;}
.outline.top #sec1 li img{width:100%;height:auto;}
.outline.top #sec1 ul li h3 a{padding:25px 0;color:#1a7bd0;font-weight:bold;font-size:20px;display:block;text-align:center;}
.outline.top #sec1 ul li p{margin-bottom:20px;}

/*message*/
.outline.message .h1-wrap{background:#ebf8fb;height:420px;padding-top:30px;box-sizing:border-box;}
.outline.message .h1-wrap h1{background:#fff url(img/outline/message/h1-bg.jpg);width:1080px;height:440px;margin:0 auto;text-align:center;padding-top:160px;box-sizing:border-box;border:1px solid #e0e0e0;}
.outline.message .h1-wrap h1 strong{display:block;text-align:center;font-size:34px;font-weight:bold;color:#1a7bd0;text-shadow:0 0 20px #fff,-1px 0 20px #fff,0 -1px 20px #fff;}
.outline.message .h1-wrap h1 span{display:inline-block;padding:0 20px;background:#1a7bd0;color:#fff;font-size:18px;font-weight:bold;}
.outline.message #sec1{padding:130px 0}
.outline.message #sec1 > div{width:1040px;margin:0 auto;}
.outline.message #sec1 > div p img {float:right;padding-left:20px;padding-bottom:20px;}
	
/*profile*/
.outline.profile .h1-wrap{background:#ebf8fb;height:420px;padding-top:30px;box-sizing:border-box;}
.outline.profile .h1-wrap h1{background:#fff url(img/outline/profile/h1-bg.jpg);width:1080px;height:440px;margin:0 auto;text-align:center;padding-top:160px;box-sizing:border-box;border:1px solid #e0e0e0;}
.outline.profile .h1-wrap h1 strong{display:block;text-align:center;font-size:34px;font-weight:bold;color:#1a7bd0;text-shadow:0 0 20px #fff,-1px 0 20px #fff,0 -1px 20px #fff}
.outline.profile .h1-wrap h1 span{display:inline-block;padding:0 20px;background:#1a7bd0;color:#fff;font-size:18px;font-weight:bold;}
.outline.profile #sec1{padding:130px 0}
.outline.profile #sec1 > div{width:1040px;margin:0 auto;}

/*history*/
.outline.history .h1-wrap{background:#ebf8fb;height:420px;padding-top:30px;box-sizing:border-box;}
.outline.history .h1-wrap h1{background:#fff url(img/outline/history/h1-bg.jpg);width:1080px;height:440px;margin:0 auto;text-align:center;padding-top:160px;box-sizing:border-box;border:1px solid #e0e0e0;}
.outline.history .h1-wrap h1 strong{display:block;text-align:center;font-size:34px;font-weight:bold;color:#1a7bd0;}
.outline.history .h1-wrap h1 span{display:inline-block;padding:0 20px;background:#1a7bd0;color:#fff;font-size:18px;font-weight:bold;}
.outline.history #sec1{padding:130px 0}
.outline.history #sec1 > div{width:1040px;margin:0 auto;}
	
/*public*/
.outline.public .h1-wrap{background:#ebf8fb;height:420px;padding-top:30px;box-sizing:border-box;}
.outline.public .h1-wrap h1{background:#fff url(https://www.wdb-eu.com/img/outline/public/h1-bg.jpg);width:1080px;height:440px;margin:0 auto;text-align:center;padding-top:160px;box-sizing:border-box;border:1px solid #e0e0e0;}
.outline.public .h1-wrap h1 strong{display:block;text-align:center;font-size:34px;font-weight:bold;color:#1a7bd0;text-shadow:0 0 20px #fff,-1px 0 20px #fff,0 -1px 20px #fff}
.outline.public .h1-wrap h1 span{display:inline-block;padding:0 20px;background:#1a7bd0;color:#fff;font-size:18px;font-weight:bold;}
.outline.public #sec1{padding:130px 0}
.outline.public #sec1 > div{width:1040px;margin:0 auto;}
	
/*outline_cmn*/
.table_outline th {padding:20px 0;border-bottom:2px solid #d7d7d5;width:120px;text-align: left;font-weight: bold;vertical-align: top;}
.table_outline tr td {padding:20px 0 20px 20px;border-bottom:2px solid #f0f0ee;}
.table_outline dl{width:320px;}
.table_outline dl dt {float: left;width:150px;}
.table_outline dl dd {float: left;}
.table_outline a {color:#1777cc;text-decoration: underline;}

	
/*===== policy ============================================*/
.policy .h1-wrap{background:#daf8ff;height:200px;padding-top:30px;box-sizing:border-box;}
.policy .h1-wrap h1{background:#fff url(img/h1-bg.jpg);width:1080px;height:220px;margin:0 auto;text-align:center;padding-top:80px;box-sizing:border-box;border:1px solid #e0e0e0;}
.policy .h1-wrap h1 strong{display:block;text-align:center;font-size:34px;font-weight:bold;color:#1a7bd0;}
.policy #sec1{padding:130px 0;}
.policy #sec1 > div{width:1040px;margin:0 auto;}
.policy h2 {font-weight: bold;font-size:18px;}

/*indivi*/
.policy.indivi #sec1 > div > div > dl > dt{float:left;width:40px;}
.policy.indivi #sec1 > div > div > dl > dd{float:right;width:1000px;}
.policy.indivi	.table_cmn01 td{width:50%;}

	
/*===== guide ============================================*/
.guide h2 {font-weight: bold;font-size:18px;}
.guide #sec1 > div > dl {margin-bottom:80px;}
.guide #sec1 > div > dl > dt {width:200px;float:left;font-weight:bold;}
.guide #sec1 > div > dl > dd {width:800px;float:right;}
.guide #sec1 > div > dl > dd > em{color:#1a7bd0;font-weight:bold;}
	
	
/*===== topics ============================================*/
.topics .h1-wrap{background:#daf8ff;height:200px;padding-top:30px;box-sizing:border-box;}
.topics .h1-wrap h1{background:#fff url(img/h1-bg.jpg);width:1080px;height:220px;margin:0 auto;text-align:center;padding-top:80px;box-sizing:border-box;border:1px solid #e0e0e0;}
.topics .h1-wrap h1 strong{display:block;text-align:center;font-size:34px;font-weight:bold;color:#1a7bd0;}
.topics #sec1{padding:130px 0;min-height:350px;}
.topics #sec1 > div{width:1040px;margin:0 auto;}
.topics #sec1 > div li{display:table;padding:13px 0;border-bottom:1px dotted #ccc;width:100%;}
.topics #sec1 > div li span{display:table-cell; vertical-align: top;width:90px;}
.topics #sec1 > div li span.cat{width:105px;padding-top:4px;}
.topics #sec1 > div li span.cat-news > span{background:#3194c7;color:#fff;text-align:center;width:90px;font-size:12px;}
.topics #sec1 > div li span.cat-recruit > span{background:#1a7bd0;color:#fff;text-align:center;width:90px;font-size:12px;}
.topics #sec1 > div li span.cat-class > span{background:#73a8f7;color:#fff;text-align:center;width:90px;font-size:12px;}
.topics #sec1 > div li a{diplay:table-cell; vertical-align: top;text-decoration:underline;}
.topics #sec1 > div li a:hover{text-decoration:none;}

.topics #sec1 > div h2 {font-weight: bold;}
.topics #sec1 > div h2 + p{text-align: right;padding-bottom:40px;}
.topics #sec1 > div h3 {color:#1a7bd0;font-weight:bold;}

	
.topics_200305 ol.brackets-num{
   padding-inline-start: 10px!important;
	margin-top: 5px!important;
}
.topics_200305 ol.brackets-num li{
	padding: 0!important;
	border-bottom: none!important;
}
	
.topics_200305 ol.brackets-num > li{
    margin-left: 30px;
    list-style-type: none;
    list-style-position: inside;
    counter-increment: cnt;
	padding: 0!important;
	border-bottom: none!important;
}
.topics_200305 ol.brackets-num > li::before {
    display: marker;
    position: absolute;
    margin-left: -30px;
    content: "(" counter(cnt) ") ";
}
	
.topics ol.brackets-num > li > ul > li {
    list-style-type: none;
    list-style-position: inside;
	padding: 0!important;
	border-bottom: none!important;
}

/*===== sitemap ============================================*/
.sitemap #sec1 > div > div > ul{border-bottom: 1px solid #d7d7d5;padding:20px 0;}
.sitemap #sec1 > div > div > ul > li{float: left;background: url(img/circle-arrow-bl-s.png) no-repeat left;padding-left: 20px;display: inline-block;background-size: 16px;margin-right:30px;line-height:36px;}
.sitemap #sec1 > div > div > ul > li.sitemap_head{background: url(img/circle-arrow-bl-s.png) no-repeat left;padding-left: 20px;display: inline-block;background-size: 16px;font-size: 20px;width:190px;}
.sitemap #sec1 > div > div > ul > li.sitemap_head a {color: #1a7bd0;font-weight: bold;}
.sitemap #sec1 > div > div > ul.sitemap_last{width :800px;padding-left:240px;}
.sitemap #sec1 > div > div > ul > li > a:hover {text-decoration: underline;}


/*===== contact============================================*/
.contact .h1-wrap{background:#daf8ff;height:200px;padding-top:30px;box-sizing:border-box;}
.contact .h1-wrap h1{background:#fff url(img/h1-bg.jpg);width:1080px;height:220px;margin:0 auto;text-align:center;padding-top:80px;box-sizing:border-box;border:1px solid #e0e0e0;}
.contact .h1-wrap h1 strong{display:block;text-align:center;font-size:34px;font-weight:bold;color:#1a7bd0;}
.contact #sec1{padding:130px 0;}
.contact #sec1 > div{width:1040px;margin:0 auto;}		

/*===== cmn ============================================*/
.lower .h1-wrap{background:#daf8ff;height:200px;padding-top:30px;box-sizing:border-box;}
.lower .h1-wrap h1{background:#fff url(img/h1-bg.jpg);width:1080px;height:220px;margin:0 auto;text-align:center;padding-top:80px;box-sizing:border-box;border:1px solid #e0e0e0;}
.lower .h1-wrap h1 strong{display:block;text-align:center;font-size:34px;font-weight:bold;color:#1a7bd0;}
.lower #sec1{padding:130px 0 80px;}
.lower #sec1 > div{width:1040px;margin:0 auto;}	
.border-box {border:1px solid #d7d7d5;padding:30px;}		
.table_cmn01{border:1px solid #d7d7d5;}
/*= indivi cmn =*/
.table_cmn01 tr{border-bottom:1px solid #d7d7d5;}
.table_cmn01 td{border-left:1px solid #d7d7d5;padding:10px 15px;}
.table_cmn01 .table_head, .table_cmn01 th{background-color: #f0f0ee;text-align: center;vertical-align: middle;}
.table_cmn01 dl {width:100%;}
.table_cmn01 dl dt {display: block;width: 20%;clear: left;float: left;}	
.table_cmn01 dl dd {display: block;width: 80%;float: left;margin-bottom:10px;}
.table_cmn01 dl dd:last-child{margin-bottom: 0;} 
.table_cmn01 a {color:#1777cc;text-decoration: underline;}
	
.disc li{list-style-type: disc;list-style-position: inside;}
	
/*job*/
.about.job .h1-wrap{background:#ebf8fb;height:420px;padding-top:30px;box-sizing:border-box;}
.about.job .h1-wrap h1{background:#fff url(img/about/job/h1-bg.jpg);width:1080px;height:440px;margin:0 auto;text-align:center;padding-top:160px;box-sizing:border-box;border:1px solid #e0e0e0;}
.about.job .h1-wrap h1 strong{display:block;text-align:center;font-size:34px;font-weight:bold;color:#1a7bd0;text-shadow:0 0 20px #fff,-1px 0 20px #fff,0 -1px 20px #fff}
.about.job .h1-wrap h1 span{display:inline-block;padding:0 20px;background:#1a7bd0;color:#fff;font-size:18px;font-weight:bold;}
.about.job #sec1{padding:130px 0 0;}
.about.job #sec1 > div{width:1040px;margin:0 auto;}
.about.job #sec1 > p{margin-bottom:100px;text-align:center;}
.about.job .box1{margin-bottom:100px;}
.about.job #sec2{margin-bottom:120px;}
.about.job .box1 > div{width:1040px;margin:0 auto;}
.about.job .box1 > div > div{width:470px;}
.about.job .box1 > div > div.i{width:520px;text-align:center;}
.about.job .box1 > div > div p+p{margin-top:20px;}
}








/*===sp==*/
@media screen and (max-width: 767px) {

	
	
/*===== Service ============================================*/
.service2 #wrapper {padding-top:57px;}
.service2 .header {border-bottom:none;z-index:1000;}
.service2 .h1-wrap {background:#e8e8e8;height:194px;padding:0;box-sizing:border-box;}
.service2 .h1-wrap h1 {background:url(img/service/sp-h1-bg.jpg) center no-repeat;background-size:cover;width:100%;height:194px;text-align:center;padding-top:66px;box-sizing:border-box;}
.service2 .h1-wrap h1 span {display:inline-block;padding:6px 5px 5px;background:#1a7bd0;color:#fff;font-size:16px;font-weight:bold;line-height:1.6;box-sizing:border-box;}
.service2.top .h1-wrap h1 {padding-top:78px;}
.service2.top .h1-wrap h1 span {padding:6px 28px;}
.service2.top #sec1 > div.box1 {padding:0 24px;position:relative;}
.service2.top #sec1 > div.box1 > div {background:#fff;padding:41px 0 82px;}
.service2.top #sec1 > div h2 {margin:0 -8px 39px;color:#1a7bd0;font-size:20px;font-weight:bold;text-align:center;}
.service2.top #sec1 > div h2 span {color:#03325D;font-weight:bold;}
.service2.top #sec1 > div > div > p {margin-bottom:39px;line-height:1.67;}
.service2.top #sec1 .box1 .link-box {padding:22px 25px 51px;background:#E7F1FA;border-radius:20px;}
.service2.top #sec1 .box1 .link-box h3 {margin-bottom:24px;font-size:24px;font-weight:700;text-align:center;}
.service2.top #sec1 .box1 .link-box h3 span {margin:0 6px;font-weight:bold;}
.service2.top #sec1 .box1 .link-box .link-item {margin-bottom:16px;padding:24px 20px 22px;background:#1A7BD0;border-radius:20px;}
.service2.top #sec1 .box1 .link-box .link-item:last-child {margin-bottom:0;}
.service2.top #sec1 .box1 .link-box .link-item a {display:block;color:#fff;}
.service2.top #sec1 .box1 .link-box .link-item h4 {margin-bottom:16px;text-align:center;font-size:20px;font-weight:700;line-height:1.25;}
.service2.top #sec1 .box1 .link-box .link-item .txt-list {margin-bottom:19px;min-height:95px;}
.service2.top #sec1 .box1 .link-box .link-item .txt-list li {padding-left: 17px;font-size:14px;font-weight:500;line-height:1.71;position: relative;}
.service2.top #sec1 .box1 .link-box .link-item .txt-list li::before {content: '';width: 13px;height: 13px;border-radius: 50%;background: #fff;position: absolute;left: 4px;top: 0.36em;}
.service2.top #sec1 .box1 .link-box .link-item .btn {margin:0 auto;padding:5px;width:237px;max-width:100%;text-align:center;box-sizing:border-box;background:#fff;border-radius:5px;}
.service2.top #sec1 .box1 .link-box .link-item .btn span {color:#03325D;font-size:12px;font-weight:700;display:inline-block;padding:2px 22px 2px 2px;background:url(img/circle-arrow-bl-s.png) no-repeat right 2px center / 13px;}
.service2 .pickup {padding:31px 24px 26px;background:#EDEEEF;}
.service2 .pickup .ttl-box {margin-bottom:38px;}
.service2 .pickup .ttl-box h2 {margin-bottom:7px;color:#1A7BD0;font-size:24px;font-weight:700;}
.service2 .pickup ul {margin-bottom:30px;}
.service2 .pickup ul li {box-sizing:border-box;color:#fff;text-align:center;}
.service2 .pickup ul li a {display:block;padding:32px 10px 26px;color:#fff;position:relative;z-index:100;}
.service2 .pickup ul li + li {margin-top:5px;}
.service2 .pickup ul li.li1 {background:url(img/service/sp-service-list1-bg.jpg) no-repeat center;background-size:cover;}
.service2 .pickup ul li.li2 {background:url(img/service/sp-service-list2-bg.jpg) no-repeat center;background-size:cover;}
.service2 .pickup ul li.li3 {background:url(img/service/sp-service-list3-bg.jpg) no-repeat center;background-size:cover;}
.service2 .pickup ul li h3 {text-align:center;font-size:14px;z-index:100;position:relative;}
.service2 .pickup ul li h3 strong {font-size:22px;text-align:center;line-height:150%;display:inline-block;font-size:20px;font-weight:bold;}
.service2 .pickup ul li p {text-align:center;font-size:14px;padding:12px 0 21px;z-index:100;position:relative;}
.service2 .pickup ul li a .btn1 {margin:0 auto;width:277px;max-width:100%;box-sizing:border-box;}
.service2 .pickup ul li a .btn1 span {padding: 1px 22px 1px 2px;background-position:right 2px center;}
.service2 .pickup ul li a:active .btn1 {background:#1a7bd0;border:none;width:170px;padding:5px 0;color:#fff;}
.service2 .pickup ul li a:active .btn1 span {background-image:url(img/circle-arrow-bk-s.png);}
.service2 .pickup ul li a:active .btn1:active {zoom:1;filter:alpha(opacity=100);/* IE6/7*/-ms-filter:"alpha(opacity=70)";/* IE8*/-moz-opacity:1;/* Firefox*/opacity:1;}
.service2 .pickup ul li a:active::before {content:'';background:rgba(3,50,93,0.8);position:absolute;left:0;top:0;width:100%;height:100%;}
.service2 #breadcrumb {padding:10px 10px 11px 26px;}
.service2 #breadcrumb > ul {padding-left:5em;line-height:1.5;}
.service2 #breadcrumb > ul > li:first-child {margin-left:-6em;}
.service2 #breadcrumb > ul li {font-size:13px;}
.service2 #breadcrumb > ul li + li {margin-left:30px;}
.service2 #breadcrumb > ul li + li::before {width:7px;height:7px;left:-20px;}
.service2 #breadcrumb > ul li a {font-size:13px;}
.service2 .sec-box {padding:41px 0 82px;}
.service2 .content {margin:0 24px;}
.service2 .top-txt-center {margin-bottom:39px;line-height:1.67;}
.service2 .hdline1 {margin-bottom:54px;padding-bottom:1px;font-size:20px;color:#1A7BD0;}
.service2 .hdline1::before {width:159px;}
.service2 .hdline1::after {border-width:7px;bottom:-18px;}
.service2 .hdline3 {margin-bottom:29px;}
.service2 .hdline3::before {width:40px;height:3px;bottom:-9px;}
.service2 .c-imgbox {margin-bottom:41px;}
.service2 .c-imgbox.mb01 {margin-bottom:33px;}
.service2 .c-imgbox.mb02 {margin-bottom:28px;}
.service2 .c-imgbox .photo-box {margin-bottom:12px;}
.service2 .c-imgbox .photo-box img {width:100%;}
.service2 .c-imgbox .text-box p {margin-bottom:22px;font-weight:500;line-height:1.67;letter-spacing:0;}
.service2 .c-imgbox .text-box p:last-child {margin-bottom:0 !important;}
.service2 .c-imgbox .text-box .img {text-align:center;}
.service2 .bg-box {margin-bottom:42px;padding:43px 25px 31px;background:#EBF8FB;}
.service2 .content .bg-box03 {margin:0 -24px 47px;padding:37px 24px 45px;}
.service2 .bg-box01 {padding:45px 11px 45px;}
.service2 .bg-box02 {margin-bottom:71px;padding:39px 0 42px;}
.service2 .bg-box .imgtext {text-align:center;}
.service2 .bg-box .imgtext01 {margin-right:14px;}
.service2 .bg-box p {font-weight:500;line-height:1.67;}
.service2 .case-box {margin-bottom:73px;padding-bottom:45px;box-sizing:border-box;border:1px solid #666;}
.service2 .case-box .ttl {margin:0 24px 56px;text-align:center;}
.service2 .case-box .ttl span {padding:4px 5px 6px;min-width:160px;box-sizing:border-box;display:inline-block;vertical-align:top;text-align:center;color:#fff;font-size:15px;font-weight:400;background:#333;border-radius:0 0 5px 5px;}
.service2 .case-box .case-list {margin-top:-32px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.service2 .case-box .case-list li {margin-top:32px;padding:0 3px;width:50%;text-align:center;box-sizing:border-box;}
.service2 .case-box .case-list li .photo {margin-bottom:15px;}
.service2 .case-box .case-list li .photo img {width:100px;max-width:100%;}
.service2 .case-box .case-list li p {text-align:center;font-size:14px;font-weight:500;line-height:1.57;letter-spacing: 0;font-feature-settings: "palt";}
.service2 .case-box .case-list li p a {padding:1px 20px 1px 2px;display:inline-block;vertical-align:top;color:#333;font-size:12px;font-weight:700;border-bottom:1px solid #333;background:url(img/circle-arrow-bk-s_black.png) no-repeat right 2px center / 13px;}
.service2 .case-box01 {padding-bottom:45px;}
.service2 .case-box01 .ttl {margin-bottom:51px;}
.service2 .center-text-color {margin-bottom:39px;color:#1A7BD0;font-size:15px;font-weight:700;letter-spacing:0.02em;line-height:1.67;text-align:center;}
.service2 .other-box .hdline6 {margin-bottom:23px;color:#333333;}
.service2 .other-box .other-list li {margin-bottom:16px;position:relative;}
.service2 .other-box .other-list li:last-child {margin-bottom:0;}
.service2 .other-box .other-list li a {display:block;position:relative;color:#fff;}
.service2 .other-box .other-list li .photo {position:relative;}
.service2 .other-box .other-list li .photo::before {width:100%;height:100%;position:absolute;left:0;top:0;background:#333;opacity:0.77;mix-blend-mode:multiply;content:'';z-index: 1;}
.service2 .other-box .other-list li .photo img {width:100%;}
.service2 .other-box .other-list li .text-box {padding:15px 25px 12px;width:100%;position:absolute;left:0;top:50%;box-sizing:border-box;text-align:center;z-index:2;transform:translateY(-50%);}
.service2 .other-box .other-list li .text-box p {margin-bottom:24px;text-align:center;color:#fff;font-size:20px;font-weight:700;line-height:1.4;}
.service2 .other-box .other-list li .text-box .btn {margin:0 auto;padding:8px 5px;width:277px;max-width:100%;color:#03325D;font-weight:700;font-size:12px;box-sizing:border-box;text-align:center;background:#fff;border-radius:5px;}
.service2 .other-box .other-list li .text-box .btn span {display:inline-block;padding-right:20px;font-weight:700;background:url(img/circle-arrow-bl-s.png) no-repeat right 1px center / 13px;}
.service2 .c-imglist {margin-bottom:69px;}
.service2 .c-imglist li {margin-bottom:24px;}
.service2 .c-imglist li:last-child {margin-bottom:0;}
.service2 .c-imglist li .photo {margin-bottom:2px;text-align:center;}
.service2 .c-imglist li .photo img {width: auto;max-width:100%;}
.service2 .c-imglist li h4 {margin-bottom:12px;padding-bottom:8px;text-align:center;color:#1A7BD0;font-weight:700;font-size:15px;border-bottom:2px solid #1A7BD0;}
.service2 .c-imglist li p {line-height:1.67;font-size:12px;}
.service2 .c-btn {text-align:center;}
.service2 .c-btn a {box-sizing:border-box;padding:7px 10px;width:277px;max-width:100%;display:inline-block;text-align:center;color:#fff;font-size:12px;font-weight:700;border-radius:5px;background:#1A7BD0;}
.service2 .c-btn a span {padding: 1px 20px 1px 0;display:inline-block;background:url(img/circle-arrow-bk-s.png) no-repeat right 2px center / 13px;}

/*si*/
.service2.si .h1-wrap h1 {background-image:url(img/service/si/sp-h1-bg.jpg);}
.service2.si .h1-wrap h1 span {width:327px;max-width:90%;}
.service2.si .flow-img {text-align:center;}

/*cs*/
.service2.cs .h1-wrap h1 {background-image:url(img/service/cs/sp-h1-bg.jpg);}
.service2.cs .h1-wrap h1 span {width:247px;}
.service2.cs .top-txt-center {margin-bottom: 44px;}
.service2.cs .case-box .ttl {margin-bottom: 46px;}
.service2.cs .case-box .case-list li .photo01 img {width: 103px;}

/*ps*/
.service2.ps .h1-wrap h1 {background-image:url(img/service/ps/sp-h1-bg.jpg);}
.service2.ps .h1-wrap h1 span {width:199px;}
.service2.ps .top-txt-center {margin-bottom:44px;}
.service2.ps .c-imgbox1 {margin-bottom:72px;}
.service2.ps .c-imgbox .text-box .logo {text-align:center;}
.service2.ps .img-box {margin:0 -24px 40px;padding:36px 24px 40px;background:#EBF8FB;}
.service2.ps .img-box .photo-box {margin-bottom:50px;text-align:center;}
.service2.ps .img-box .photo-box img {width: 100%;}
.service2.ps .img-box .text-box .logo {margin-bottom:9px;}
.service2.ps .img-box .text-box .ttl {margin-bottom:9px;color:#03325D;font-weight:700;font-size:20px;line-height:1.5;}
.service2.ps .img-box .text-box .text {margin-bottom:33px;font-weight:500;line-height:2.07;}
.service2.ps .img-box .text-box .btn {text-align:center;}
.service2.ps .img-box .text-box .btn a {padding:8px 11px 7px;width:277px;max-width:100%;box-sizing:border-box;display:inline-block;color:#fff;font-size:12px;font-weight:700;background:#03325D;border-radius:5px;}
.service2.ps .img-box .text-box .btn a span {padding:0 20px 2px 0;display:inline-block;background:url(img/circle-arrow-bk-s.png) no-repeat right center / 13px;}
.service2.ps .c-btn {margin-bottom:74px;}
.service2.ps .c-btn a {padding:8px 10px;}
.service2.ps .c-imgbox.mb01 {margin-bottom:45px;}
.service2.ps .c-imglist li {margin-bottom:46px;}
.service2.ps .c-imglist li:last-child {margin-bottom:0;}
.service2.ps .c-imglist li .photo {margin-bottom:22px;}
.service2.ps .c-imglist li h4 {margin-bottom:13px;}
.service2.ps .c-imgbox.mb02 {margin-bottom:73px;}
.service2.ps .c-imgbox .text-box p {margin-bottom:25px;}
.service2.ps .c-imgbox .text-box .sub-list {margin:45px 0 0 22px;}
.service2.ps .c-imgbox .text-box .sub-list li {margin-bottom:50px;display:flex;align-items:center;}
.service2.ps .c-imgbox .text-box .sub-list li:last-child {margin-bottom:0;}
.service2.ps .c-imgbox .text-box .sub-list li .pho {width:135px;}
.service2.ps .c-imgbox .text-box .sub-list li p {margin-left:23px;box-sizing:border-box;flex:1;font-size:12px;font-weight:400;line-height:2.08;}
.service2.ps .c-imgbox .text-box .sub-list li p:last-child {margin-bottom:0;}
.service2.ps .bg-box02 {padding:33px 0 37px;}

/*gs*/
.service2.gs .h1-wrap h1 {background-image:url(img/service/gs/sp-h1-bg.jpg);}
.service2.gs .h1-wrap h1 span {width:173px;}
.service2.gs .sec-box {padding:43px 0 60px;}
.service2.gs .hdline1 {margin-bottom:47px;}
.service2.gs .hdline4 {margin:0 -10px 72px;}
.service2.gs .img {margin:0 16px 47px;text-align:center;}
.service2.gs .bg-box {margin-bottom:48px;padding:41px 24px 44px;}
.service2.gs .case-box {margin-bottom:0;}
.service2.gs .case-box .ttl {margin-bottom:52px;}
.service2.gs .case-box .case-list li .photo01 img {width:116px;}
.service2.gs .case-box .case-list li:nth-child(2n-1) p {
	margin-right: -1em;
}

/*kss*/
.service2.kss .h1-wrap h1 {padding-top:66px;background-image:url(img/service/kss/sp-h1-bg.jpg);}
.service2.kss .h1-wrap h1 span {width:257px;}
.service2.kss .sec-box {padding:43px 0 60px;}
.service2.kss .hdline1 {margin-bottom:47px;}
.service2.kss .sec-box .sub-sec .img-box {margin-bottom:22px;}
.service2.kss .sec-box .sub-sec .img-box .photo-box {margin-bottom:50px;text-align:center;}
.service2.kss .sec-box .sub-sec .img-box .photo-box img {width: 100%;}
.service2.kss .sec-box .sub-sec .img-box .text-box .img {margin-bottom: 19px;}
.service2.kss .sec-box .sub-sec .img-box .text-box .img img {width:197px;}
.service2.kss .sec-box .sub-sec .img-box .text-box p {line-height:1.67;font-weight:500;}
.service2.kss .h3ttl {margin-bottom:30px;text-align:center;}
.service2.kss .h3ttl img {width:297px;}
.service2.kss .c-imglist li {margin-bottom:46px;}
.service2.kss .c-imglist li:last-child {margin-bottom:0;}
.service2.kss .c-imglist li .photo {margin:0 -3px 20px 0;}
.service2.kss .c-imglist li h4 {margin-bottom: 13px;}

/*ms*/
.service2.ms .h1-wrap h1 {background-image:url(img/service/ms/sp-h1-bg.jpg);}
.service2.ms .h1-wrap h1 span {width:221px;}
.service2.ms .sec-box {padding:43px 0 64px;}
.service2.ms .hdline1 {margin-bottom:47px;}
.service2.ms .hdline4 {margin-bottom:70px;}
.service2.ms .flow-list {margin-bottom:43px;}
.service2.ms .flow-list li {margin-bottom:31px;padding:10px;display:flex;position:relative;box-sizing:border-box;background:#55A6ED;border-radius:10px;}
.service2.ms .flow-list li::after {width:10px;height:21px;position:absolute;bottom:-26px;left:50%;transform:translateX(-50%);background:url(img/service/ms/sp-arrow.png) no-repeat center center / 100%;content:'';}
.service2.ms .flow-list li:nth-child(2) {background:#1A7BD0;}
.service2.ms .flow-list li:nth-child(3) {background:#1B6EB7;}
.service2.ms .flow-list li:nth-child(4) {background:#1C5990;}
.service2.ms .flow-list li:nth-child(4n) {margin-right:0;}
.service2.ms .flow-list li:last-child::after {display:none;}
.service2.ms .flow-list li .photo {width:166px;text-align:center;}
.service2.ms .flow-list li .text-box {padding:2px 2px 10px 10px;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;flex:1;text-align:center;color:#fff;}
.service2.ms .flow-list li .text-box h4 {margin-bottom:6px;width:100%;font-size:15px;font-weight:700;line-height:1.2;text-align:center;}
.service2.ms .flow-list li .text-box p {width:100%;font-size:12px;font-weight:500;text-align:center;}
.service2.ms .case-box .ttl {margin-bottom:60px;}
.service2.ms .bg-box02 {margin-bottom:0;padding-bottom:36px;}





	
/*===== outline ============================================*/
.outline.top .h1-wrap{background:#e8e8e8;height:200px;padding:0;box-sizing:border-box;}
.outline.top .h1-wrap h1{background:url(img/outline/profile/h1-bg.jpg) center;background-size:auto 200px;width:100%;height:200px;text-align:center;padding-top:65px;box-sizing:border-box;}
.outline.top .h1-wrap h1 strong{display:block;text-align:center;font-size:27px;font-weight:bold;color:#1a7bd0;}
.outline.top .h1-wrap h1 span{display:inline-block;padding:2px 10px;background:#1a7bd0;color:#fff;font-size:12px;font-weight:bold;letter-spacing: 0.2em;}
.outline.top #sec1 > div h2{margin-bottom:20px;color:#1a7bd0;font-size:20px;font-weight:bold;text-align:center;}
.outline.top #sec1 > div{background:#fff;padding:30px 20px;}
.outline.top #sec1 > div ul li{text-align:center;}
.outline.top #sec1 > div ul li+li{margin-top:20px;}
.outline.top #sec1 > div ul li h3{text-align:left;padding:10px 0;color:#1a7bd0;font-weight:bold;font-size:15px;line-height:140%;}
.outline.top #sec1 > div ul li h3 a{font-size:19px;display:inline-block;text-align:left;line-height:140%;color:#1a7bd0;font-weight:bold;background: url(img/circle-arrow-bl-s.png) no-repeat right center;background-size: 16px;padding-right: 20px;}
.outline.top #sec1 > div ul li > a{display:none;}
.outline.top #sec1 > div.top_box {padding-bottom: 0;}

	
/*message*/
.outline.message .h1-wrap{background:#e8e8e8;height:200px;padding:0;box-sizing:border-box;}
.outline.message .h1-wrap h1{background:url(img/outline/message/h1-bg.jpg) center;background-size:auto 200px;width:100%;height:200px;text-align:center;padding-top:65px;box-sizing:border-box;}
.outline.message .h1-wrap h1 strong{display:block;text-align:center;font-size:27px;font-weight:bold;color:#1a7bd0;text-shadow: 0 0 20px #fff, -1px 0 20px #fff, 0 -1px 20px #fff;}
.outline.message .h1-wrap h1 span{display:inline-block;padding:2px 10px;background:#1a7bd0;color:#fff;font-size:12px;font-weight:bold;letter-spacing: 0.2em;}
.outline.message #sec1{padding:30px 20px;}
.outline.message #sec1 > div p img {float:right;padding-left:10px;padding-bottom:10px;}	
	
/*profile*/
.outline.profile .h1-wrap{background:#e8e8e8;height:200px;padding:0;box-sizing:border-box;}
.outline.profile .h1-wrap h1{background:url(img/outline/profile/h1-bg.jpg) center;background-size:auto 200px;width:100%;height:200px;text-align:center;padding-top:65px;box-sizing:border-box;}
.outline.profile .h1-wrap h1 strong{display:block;text-align:center;font-size:27px;font-weight:bold;color:#1a7bd0;}
.outline.profile .h1-wrap h1 span{display:inline-block;padding:2px 10px;background:#1a7bd0;color:#fff;font-size:12px;font-weight:bold;letter-spacing: 0.2em;}
.outline.profile #sec1{padding:30px 20px;}

/*history*/
.outline.history .h1-wrap{background:#e8e8e8;height:200px;padding:0;box-sizing:border-box;}
.outline.history .h1-wrap h1{background:url(img/outline/history/h1-bg.jpg) center;background-size:auto 200px;width:100%;height:200px;text-align:center;padding-top:65px;box-sizing:border-box;}
.outline.history .h1-wrap h1 strong{display:block;text-align:center;font-size:27px;font-weight:bold;color:#1a7bd0;}
.outline.history .h1-wrap h1 span{display:inline-block;padding:2px 10px;background:#1a7bd0;color:#fff;font-size:12px;font-weight:bold;letter-spacing: 0.2em;}
.outline.history #sec1{padding:30px 20px;}
	
/*public*/
.outline.public .h1-wrap{background:#e8e8e8;height:200px;padding:0;box-sizing:border-box;}
.outline.public .h1-wrap h1{background:url(https://www.wdb-eu.com/img/outline/public/h1-bg.jpg) center;background-size:auto 200px;width:100%;height:200px;text-align:center;padding-top:60px;box-sizing:border-box;}
.outline.public .h1-wrap h1 strong{display:block;text-align:center;font-size:27px;font-weight:bold;color:#1a7bd0;}
.outline.public .h1-wrap h1 span{display:inline-block;padding:2px 15px;background:#1a7bd0;color:#fff;font-size:12px;font-weight:bold;letter-spacing: 0.2em;}
.outline.public #sec1{padding:30px 20px;}

/*outline_cmn*/
.table_outline th {display:block;width:100%;text-align: left;font-weight: bold;color:#1a7bd0;}
.table_outline tr td {display:block;}
.table_outline tr{border-bottom: 1px solid #d7d7d5;padding: 10px 0;display: inline-block;width:100%;}
.table_outline dl{width:100%;}
.table_outline dl dt {float: left;width:150px;}
.table_outline dl dd {float: left;}
.table_outline a {color:#1777cc;text-decoration: underline;}

	
/*===== policy ============================================*/
.policy .h1-wrap{background:#e8e8e8;height:200px;padding:0;box-sizing:border-box;}
.policy .h1-wrap h1{background:url(img/h1-bg.jpg) center no-repeat;background-size:auto 200px;width:100%;height:200px;text-align:center;padding-top:55px;box-sizing:border-box;}
.policy .h1-wrap h1 strong{display:block;text-align:center;font-size:27px;font-weight:bold;color:#1a7bd0;}
.policy .h1-wrap h1 span{display:inline-block;padding:5px 20px;background:#1a7bd0;color:#fff;font-size:20px;font-weight:bold;}
.policy #sec1 > div{background:#fff;padding:30px 20px;}
.policy h2 {font-weight: bold;font-size:16px;}
/*isms*/
.isms .h1-wrap h1{padding-top:55px;}
/*indivi
.policy.indivi #sec1 > div > div > dl > dt{float:left;width:40px;}
.policy.indivi #sec1 > div > div > dl > dd{float:right;width:1000px;}
.policy.indivi	.table_cmn01 td{width:50%;}*/

	
/*===== guide ============================================*/
.guide .h1-wrap{background:#e8e8e8;height:200px;padding:0;box-sizing:border-box;}
.guide .h1-wrap h1{background:url(img/h1-bg.jpg) center no-repeat;background-size:auto 200px;width:100%;height:200px;text-align:center;padding-top:70px;box-sizing:border-box;}
.guide .h1-wrap h1 strong{display:block;text-align:center;font-size:27px;font-weight:bold;color:#1a7bd0;}
.guide .h1-wrap h1 span{display:inline-block;padding:5px 20px;background:#1a7bd0;color:#fff;font-size:20px;font-weight:bold;}
.guide #sec1 > div{background:#fff;padding:30px 20px;}
.guide #sec1 > div > dl {margin-bottom:30px;}	
.guide #sec1 > div > dl > dt {font-weight: bold;}
.guide #sec1 > div > dl > dd > em{color:#1a7bd0;font-weight:bold;}

	
/*===== topics ============================================*/
.topics .h1-wrap{background:#e8e8e8;height:200px;padding:0;box-sizing:border-box;}
.topics .h1-wrap h1{background:url(img/h1-bg.jpg) center no-repeat;background-size:auto 200px;width:100%;height:200px;text-align:center;padding-top:70px;box-sizing:border-box;}
.topics .h1-wrap h1 strong{display:block;text-align:center;font-size:27px;font-weight:bold;color:#1a7bd0;}
.topics .h1-wrap h1 span{display:inline-block;padding:5px 20px;background:#1a7bd0;color:#fff;font-size:20px;font-weight:bold;}
.topics #sec1 > div{background:#fff;padding:30px 20px;}
.topics #sec1 > div > ul > li{padding:13px 0;border-bottom:1px dotted #ccc;width:100%;}
.topics #sec1 > div > ul > li span{display:inline-block; vertical-align: top;width:90px;}
.topics #sec1 > div > ul > li span.cat{width:105px;padding-top:4px;}
.topics #sec1 > div > ul > li span.cat-news > span{background:#3194c7;color:#fff;text-align:center;width:90px;font-size:12px;}
.topics #sec1 > div > ul > li span.cat-recruit > span{background:#1a7bd0;color:#fff;text-align:center;width:90px;font-size:12px;}
.topics #sec1 > div > ul > li span.cat-class > span{background:#73a8f7;color:#fff;text-align:center;width:90px;font-size:12px;}
.topics #sec1 > div > ul > li a{display:block; vertical-align: top;}
.topics #sec1 > div > ul > li a:hover{text-decoration:underline;}
.topics #sec1 > div h2 {font-weight: bold;}
.topics #sec1 > div h2 + p{text-align: right;padding-bottom:40px;}
.topics #sec1 > div h3 {color:#1a7bd0;font-weight:bold;}
	
/*===== sitemap ============================================*/
.sitemap .h1-wrap{background:#e8e8e8;height:200px;padding:0;box-sizing:border-box;}
.sitemap .h1-wrap h1{background:url(img/h1-bg.jpg) center no-repeat;background-size:auto 200px;width:100%;height:200px;text-align:center;padding-top:70px;box-sizing:border-box;}
.sitemap .h1-wrap h1 strong{display:block;text-align:center;font-size:27px;font-weight:bold;color:#1a7bd0;}
.sitemap .h1-wrap h1 span{display:inline-block;padding:5px 20px;background:#1a7bd0;color:#fff;font-size:20px;font-weight:bold;}
.sitemap #sec1 > div{background:#fff;padding:30px 20px;}
.sitemap #sec1 > div > div > ul{border-bottom: 1px solid #d7d7d5;padding:10px 0;}
.sitemap #sec1 > div > div > ul > li {}
.sitemap #sec1 > div > div > ul > li{background: url(img/circle-arrow-bl-s.png) no-repeat left;padding-left: 20px;margin-left:20px;display: inline-block;background-size: 16px;line-height:36px;width:100%;}
.sitemap #sec1 > div > div > ul > li.sitemap_head{background: url(img/circle-arrow-bl-s.png) no-repeat left;padding-left: 20px;margin-left:0;display: inline-block;background-size: 16px;font-size: 18px;}
.sitemap #sec1 > div > div > ul > li.sitemap_head a {color: #1a7bd0;font-weight: bold;}

	
	
	
	
/*===== contact============================================*/
.contact .h1-wrap{background:#e8e8e8;height:200px;padding:0;box-sizing:border-box;}
.contact .h1-wrap h1{background:url(img/h1-bg.jpg) center no-repeat;background-size:auto 200px;width:100%;height:200px;text-align:center;padding-top:70px;box-sizing:border-box;}
.contact .h1-wrap h1 strong{display:block;text-align:center;font-size:27px;font-weight:bold;color:#1a7bd0;}
.contact .h1-wrap h1 span{display:inline-block;padding:5px 20px;background:#1a7bd0;color:#fff;font-size:20px;font-weight:bold;}
.contact #sec1 > div{background:#fff;padding:30px 20px;}	

	

	
/*===== cmn ============================================*/
.border-box {border:1px solid #d7d7d5;padding:30px;}	
.table_cmn01{border:1px solid #d7d7d5;}
/*= indivi=*/
.table_cmn01 tr{border-bottom:1px solid #d7d7d5;}
.table_cmn01 td{border-left:1px solid #d7d7d5;padding:10px 15px;}
.table_cmn01 .table_head, .table_cmn01 th{background-color: #f0f0ee;text-align: center;vertical-align: top;}
.table_cmn01 dl {width:100%;}
.table_cmn01 dl dt {display: block;width: 30%;clear: left;float: left;}	
.table_cmn01 dl dd {display: block;width: 70%;float: left;margin-bottom:10px;}
.table_cmn01 dl dd:last-child{margin-bottom: 0;} 
.disc li{list-style-type: disc;list-style-position: inside;}

	
	
	
/*about job*/
.about.job .h1-wrap{background:#e8e8e8;height:200px;padding:0;box-sizing:border-box;}
.about.job .h1-wrap h1{background:url(img/about/job/h1-bg.jpg) center no-repeat;background-size:auto 200px;width:100%;height:200px;text-align:center;padding-top:65px;box-sizing:border-box;}
.about.job .h1-wrap h1 strong{display:block;text-align:center;font-size:27px;font-weight:bold;color:#1a7bd0;text-shadow:0 0 20px #fff,-1px 0 20px #fff,0 -1px 20px #fff}
.about.job .h1-wrap h1 span{display:inline-block;padding:2px 10px;background:#1a7bd0;color:#fff;font-size:12px;font-weight:bold;}
.about.job #sec1{padding:30px 20px;}
.about.job #sec1 > p{margin-bottom:30px;}
.about.job .box1{padding:0 20px 30px;}
.about.job .box1 > div > div.i{margin-top:10px;text-align:center;}
.about.job .box1 > div > div p+p{margin-top:10px;}

}

@media screen and (max-width: 374px) {

/*===== service ============================================*/
.service2 #breadcrumb {padding-left: 20px;}
.service2.ms .flow-list li .photo {width: 150px;}
.service2 .other-box .other-list li .text-box {padding-left: 20px;padding-right: 20px;}

}

@media screen and (max-width: 359px) {

/*===== service ============================================*/
.service2 .content {margin: 0 15px;}
.service2 .content .bg-box03 {margin-left: -15px;margin-right: -15px;}
.service2.top #sec1 > div h2 {margin-left: -7px;margin-right: -7px;}
.service2.top #sec1 .box1 .link-box {padding-left: 15px;padding-right: 15px;}
.service2 .case-box .case-list li p {font-size: 12px;letter-spacing: 0;}
.service2 .other-box .other-list li .text-box p {font-size: 18px;}
.service2.ps .img-box {margin-left: -15px;margin-right: -15px;}
.service2.ms .flow-list li .photo {width: 130px;}

}





@media screen and (max-width: 320px) {


/*===== vision ============================================*/

.vision section {padding:0 15px;}
.vision section > div h2 {font-size:16px;}
.vision section#sec3 > div {padding:25px 15px 50px;}


/*===== keyword ============================================*/

.keyword #sec1 {padding: 0 15px 1px;}
	
/*===== about ============================================*/
/* top */
.about.top #sec1 > div h2 {text-align: left;}
/* service */
.about-service .h1-wrap h1{padding-top:40px;}
/* job */
.about.job #sec1 .hdline3{letter-spacing: -0.07em;}
/* job */
.about.people #sec1 .hdline3{letter-spacing: -0.07em;}
	
/*===== service ============================================*/
/* beginner */
.service.beginner .h1-wrap h1{padding-top:40px;}

	
.sp320{display:inline!important;}
.sp767{display:none!important;}

}


@media screen and (min-width: 768px), print {
.sp767{display:none!important;}
}




/*===Default additional ==*/
/*===== Page1 ============================================*/
/*===pc==*/
@media screen and (min-width: 768px), print {
.page .h1-wrap{background:#ebf8fb;height:420px;padding-top:30px;box-sizing:border-box;}
.page .h1-wrap h1{width:1080px;height:440px;margin:0 auto;text-align:center;padding-top:160px;box-sizing:border-box;border:1px solid #e0e0e0;}
.page .h1-wrap h1 strong{display:block;text-align:center;font-size:34px;font-weight:bold;color:#1a7bd0;text-shadow:0 0 20px #fff,-1px 0 20px #fff,0 -1px 20px #fff}
.page .h1-wrap h1 span{display:inline-block;padding:0 20px;background:#1a7bd0;color:#fff;font-size:18px;font-weight:bold;}

.page .sec{padding:10px 0 80px;}
.page .sec > div{width:1040px;margin:0 auto;}
.page .sec > div > p {margin-bottom: 40px;}
.page .sec > div > h3{font-size:1.2em; font-weight:bold; margin-bottom: .5em;}

.page .sec1{padding:100px 0 0;}
.page .sec1 > div{width:1040px;margin:0 auto;}
.page .sec1 > p{margin-bottom:30px;text-align:center;}
.page .box1{margin-bottom:100px;}
.page .sec2{margin-bottom:120px;}
.page .box1 > div{width:1040px;margin:0 auto;}
.page .box1 > div > div{width:470px;}
.page .box1 > div > div h3{font-size:1.2em; font-weight:bold; margin-bottom: .5em;}
.page .box1 > div > div p{margin-bottom: 1em;}
.page .box1 > div > div.i{width:520px;text-align:center;}
.page .box1 > div > div p+p{margin-top:20px;}
.page .sec3{padding-bottom:120px;}
.page .sec3 > div{width:1040px;margin:0 auto;border:1px solid #ccc;box-sizing:border-box;padding:50px;}
.page .sec3 > div .f-l{width:310px;text-align:center;}
.page .sec3 > div .f-r{width:590px;}
.page .sec3 h2{margin-bottom:10px;}
.page .sec3 h2 > span{display:inline-block;background:#1a7bd0;font-size:20px;font-weight:bold;color:#fff;padding:0 15px;line-height:160%;}
.page .sec3 .f-r h3{color:#1a7bd0;font-size:26px;font-weight:bold;line-height:140%;margin-bottom:20px;}

.page .secDivide > div > h2{font-size:27px;margin-bottom:50px;text-align:center;font-weight:bold;color:#1a7bd0;}
.page .secDivide > div > p{width:1040px;margin:0 auto 20px;}
.page .secDivide > div .box1{margin-top:120px;background:#ebf8fb;padding-bottom:30px;}
.page .secDivide > div .box1 > div{position:relative;width:1040px;margin:0 auto;top:-50px;}
.page .secDivide > div .box1 > div > div{background:#fff;border:1px solid #ccc;box-sizing:border-box;width:500px;padding:40px;}
.page .secDivide > div .box1 > div > div h3{text-align:center;font-size:24px;font-weight:bold;color:#1a7bd0;margin-bottom:30px;}
.page .secDivide > div .box1 > div > div p{height:110px;}
.page .secDivide > div .box1 > div > div > div{text-align:center;margin-bottom:30px;}
.page .secDivide > div .box1 > div > div > dl{background:#f6f6f7;padding:20px;box-sizing:border-box;}
.page .secDivide > div .box1 > div > div > dl dt{font-size:18px;font-weight:bold;color:#1a7bd0;margin-bottom:5px;}
.page .secDivide > div .box1 > div > div > dl dt span{font-size:16px;font-weight:bold;color:#fff;display:inline-block;background:#1a7bd0;padding:0 15px;margin-bottom:5px;}
.page .secFlow{padding:70px 0 120px;}
.page .secFlow > div{width:1040px;margin:0 auto;}
.page .secFlow > div ol,.page .secFlow > div li{list-style:none;margin:0;padding:0;}
.page .secFlow > div ol{letter-spacing:-0.4em;}
.page .secFlow > div ol li{letter-spacing:normal;display:inline-block; vertical-align: top;width:25%;}
.page .secFlow > div ol li > span{display:block;background:#1a7bd0;text-align:center;color:#fff;font-size:22px;font-weight:bold;height:48px;line-height:48px;}
.page .secFlow > div ol li > span > strong{font-size:32px;line-height:48px;}
.page .secFlow > div ol li+li > span{background:#1a7bd0 url(https://www.wdb-eu.com/img/service/beginner/sec2-arrow.png) no-repeat left center;}
.page .secFlow > div ol li > h4{text-align:center;padding:20px 0;font-size:22px;font-weight:bold;color:#1a7bd0;}
.page .secFlow > div ol li > div{text-align:center;margin-bottom:40px;}
.page .secFlow > div ol li > p{padding:0 20px;}

}


/*===sp==*/
@media screen and (max-width: 767px) {
.page .h1-wrap{background:#e8e8e8;height:200px;padding:0;box-sizing:border-box;}
.page .h1-wrap h1{background:center no-repeat; background-size:auto 200px;width:100%;height:200px;text-align:center;padding-top:65px;box-sizing:border-box;background-position:40% 50%;}
.page .h1-wrap h1 strong{display:block;text-align:center;font-size:27px;font-weight:bold;color:#1a7bd0;text-shadow:0 0 20px #fff,-1px 0 20px #fff,0 -1px 20px #fff}
.page .h1-wrap h1 span{display:inline-block;padding:2px 10px;background:#1a7bd0;color:#fff;font-size:12px;font-weight:bold;}
.page .h1-wrap h1 br{line-height:140%;}
.page .sec{padding:30px 20px;}
.page .sec > div > p {margin-bottom: 40px;}
.page .sec > div > h3{font-size:1.2em; font-weight:bold; margin-bottom: .5em;}

.page .sec1{padding:30px 20px;}
.page .sec1 > p{margin-bottom:30px;}
.page .box1{padding:0 20px 30px;}
.page .box1 > div > div h3{font-size:1.2em; font-weight:bold; margin-bottom: 1em;}
.page .box1 > div > div p{margin-bottom: 1em;}
.page .box1 > div > div.i{margin-top:10px;text-align:center;}
.page .box1 > div > div p+p{margin-top:10px;}
.page .sec3{padding:0 20px 30px;}
.page .sec3 > div{border:1px solid #ccc;box-sizing:border-box;padding:20px;}
.page .sec3 > div .f-l{margin-bottom:10px;text-align:center;}
.page .sec3 h2{margin-bottom:10px;text-align:center;}
.page .sec3 h2 > span{display:inline-block;background:#1a7bd0;font-size:16px;font-weight:bold;color:#fff;padding:5px 15px;line-height:160%;}
.page .sec3 h3{color:#1a7bd0;font-size:16px;font-weight:bold;line-height:140%;text-align:center;margin-bottom:10px;}

.page .secDivide > div h2 {margin-bottom: 20px;color: #1a7bd0;font-size: 20px;font-weight: bold;text-align: center;padding:0 20px;}
.page .secDivide > div > p{margin-bottom:10px;padding:0 20px;}
.page .secDivide > div .box1{background:#ebf8fb;padding:30px 20px;margin-top:30px;}
.page .secDivide > div .box1 > div > div{background:#fff;border:1px solid #ccc;box-sizing:border-box;padding:20px;}
.page .secDivide > div .box1 > div > div+div{margin-top:20px;}
.page .secDivide > div .box1 > div > div h3{text-align:center;font-size:19px;font-weight:bold;color:#1a7bd0;margin-bottom:10px;}
.page .secDivide > div .box1 > div > div p{margin-bottom:10px;}
.page .secDivide > div .box1 > div > div > div{text-align:center;margin-bottom:20px;}
.page .secDivide > div .box1 > div > div > dl{background:#f6f6f7;padding:20px;box-sizing:border-box;}
.page .secDivide > div .box1 > div > div > dl dt{font-size:15px;font-weight:bold;color:#1a7bd0;margin-bottom:5px;}
.page .secDivide > div .box1 > div > div > dl dt span{font-size:14px;font-weight:bold;color:#fff;display:inline-block;background:#1a7bd0;padding:0 15px;margin-bottom:5px;}
.page .secFlow{padding:30px 20px;}
.page .secFlow > div ol,.page .secFlow > div li{list-style:none;margin:0;padding:0;}
.page .secFlow > div ol{letter-spacing:-0.4em;}
.page .secFlow > div ol li{letter-spacing:normal;display:inline-block; vertical-align: top;width:50%;}
.page .secFlow > div ol li > span{display:block;background:#1a7bd0;text-align:center;color:#fff;font-weight:bold;height:30px;line-height:30px;}
.page .secFlow > div ol li > span > strong{font-size:18px;line-height:30px;}
.page .secFlow > div ol li > span{background:#1a7bd0 url(https://www.wdb-eu.com/img/service/beginner/sec2-arrow.png) no-repeat right center;background-size:auto 30px;}
.page .secFlow > div ol li:nth-child(2n) > span{background:#1a7bd0;}
.page .secFlow > div ol li > h4{text-align:center;padding:10px 0;font-size:18px;font-weight:bold;color:#1a7bd0;}
.page .secFlow > div ol li > div{text-align:center;margin-bottom:20px;}
.page .secFlow > div ol li > p{padding:0 10px 10px 10px;}

}