@charset "utf-8";
/*
Theme Name: crossroad-themes-solution
Theme URI: http://www.solution-sy.com/
Author: solution.STC
Author URI: http://www.crossdesign-company.co.jp  
Description: This is a default wordpress themes
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
*/

* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: 0 0;
  box-sizing: border-box; }

:after, :before {
  box-sizing: border-box; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-x: hidden; }

body {
  font-size: 18px;
  color: #333333;
  width: 100%;
  overflow-x: hidden;
  --themecolor:#12337D;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 1520px) {
  body {font-size: 16px;}
}
@media screen and (max-width: 1080px) {
  body {font-size: 14px;}
}
address, caption, code, figcaption, pre, th {
  font-size: 1em;
  font-weight: normal;
  font-style: normal; }

blockquote, q {
  quotes: none; }

blockquote:after, blockquote:before, q:after, q:before {
  content: '';
  content: none; }

fieldset, iframe, img {
  border: 0; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

caption, th {
  text-align: left; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle;
  background-color: #1d2327;
}

button {
  background: 0 0;
  border: 0;
  box-sizing: content-box;
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  overflow: visible;
  vertical-align: inherit; }

button:disabled {
  cursor: default; }

audio:not([controls]) {
  display: none; }

:focus[data-focus-method=mouse]:not(input):not(textarea):not(select), :focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
  outline: 0; }

::-moz-focus-inner {
  border: 0;
  padding: 0; }

a, a:link, a:visited {
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

a:active {
  text-decoration: none; }

ul {
  list-style: none; }

img {
  display: block;
  height: auto;
  max-width: 100%; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ccc;
  opacity: 1; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ccc;
  opacity: 1; }

input:-ms-input-placeholder {
  color: #ccc;
  opacity: 1; }

input::-webkit-input-placeholder {
  color: #ccc;
  opacity: 1; }

::-webkit-scrollbar {
  width: 10px;
  height: 15px;
  background-color: #f3f3f3;
  border-left: 1px solid #dddddd; }

::-webkit-scrollbar:hover {
  background-color: transparent; }

::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 15px;
  background-color: var(--themecolor); }

::-webkit-scrollbar-thumb:hover {
  background-color: #333; }

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
  display: none; }

.ftfminchao{font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "MS Mincho", "MS 明朝", "Meiryo", serif;}
.ftfPGothic{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.ftfMeiryo{font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

/*hasbg*/
.hasbg{background-repeat:no-repeat;background-size:cover;background-position:center center;}
.hasbg:after{display:block;content:"";padding-top:100%;}
.hasbg>img{display:none;}


@font-face {
  font-family: 'iconfont';
  src: url('iconfont/iconfont.woff2?t=1666238971337') format('woff2'),
       url('iconfont/iconfont.woff?t=1666238971337') format('woff'),
       url('iconfont/iconfont.ttf?t=1666238971337') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/*sp mobile-btn*/
/* sp mobile-btn and nav css */

.spscreen {
  display: none; }
.mobilebtn{
  display: none;
}
@media screen and (max-width: 768px) {
  .logged-in .mobilebtn{
    top:60px;
  }
  .mobilebtn {
    position: fixed;
    z-index: 110;
    top: 20px;
    right: 20px;
    display: block; }

  .mobilebtn div {
    width: 30px;
    height: 20px;
    background: none;
    cursor: pointer;
    display: block;
    position: relative;
    right: 0;
    top: 0;
    transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1); }

  .mobilebtn div span {
    width: 30px;
    height: 2px;
    top: 9px;
    background: var(--blue);
    box-shadow:0 1px 1px #FFF;
    display: block;
    position: absolute;
    z-index: 5;
    left: 50%;
    margin: 0 0 0 -15px;
    transform-origin: center;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -o-transform-origin: center;
    -ms-transform-origin: center;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s; }

  .mobilebtn div span:nth-child(1) {
    -moz-transform: translateY(-9px);
    -webkit-transform: translateY(-9px);
    -o-transform: translateY(-9px);
    -ms-transform: translateY(-9px);
    transform: translateY(-9px); }

  .mobilebtn div span:nth-child(3) {
    -moz-transform: translateY(9px);
    -webkit-transform: translateY(9px);
    -o-transform: translateY(9px);
    -ms-transform: translateY(9px);
    transform: translateY(9px); }

  .mobilebtn .active {
    transform: translateX(-200px) rotate(180deg);}

  .mobilebtn .active span:nth-child(1) {
    transform: rotate3d(0, 0, 1, -45deg) !important;
    transform-origin: center center !important;/*0.71429px*/
    width: 30px !important; }

  .mobilebtn .active span:nth-child(2) {
    transform: rotate3d(0, 1, 0, -90deg) !important;
    width: 0!important;
  }

  .mobilebtn .active span:nth-child(3) {
    transform: rotate3d(0, 0, 1, 45deg) !important;
    transform-origin: center center !important;/*0.71429px */
    width: 30px !important; }

  .sp-wrapper-move {
    transform: translateX(0px) !important; }

  .spscreen {
    width: 200px;
    height: 100vh;
    position: fixed;
    z-index: 100;
    background: #333;
    right: 0;
    top: 0;
    transform: translateX(200px);
    transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
    display: block; }

  .spscreen .sp-heading {
    width: 100%;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 30px;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff; }

  .spscreen nav ul {
    padding: 0 15px; }

  .spscreen nav ul li:first-child {
    border-top: 1px solid #5d5d5d; }

  .spscreen nav ul li {
    border-bottom: 1px solid #5d5d5d; }

  .spscreen nav ul li a {
    color: #fff;
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 15px 0;
    text-transform: uppercase;
    transition: .3s; }

  .spscreen nav ul li a:hover {
    background: #f2f2f2;
    color: #000; } 

  .spscreen nav ul li ul{
    display:none;
  }
  .spscreen nav ul li a.current{position:relative;}
  .spscreen nav ul li a.current:after{content:"";border-top:5px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent;position:absolute;top:50%;right:0;transform:translateY(-50%);transform-origin:center;}
  .spscreen nav ul li a.current.active:after{transform:rotate(180deg);}
  .spscreen nav ul li a:hover{background:#f2f2f2;color:#000;}
  .spscreen nav ul li ul{display:none;padding:0;}
  .spscreen nav ul li ul li a{font-size:12px;}
}

.spscreenmask{position:fixed;top:0;right:0;z-index:99;background:rgba(0,0,0,0.6);width:0%;height:100%;transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);}
.spscreenmask.spscreenmaskmove{width:100%;}


/*headerfixed*/
 .headerfixed{width:100%;background:#000;box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);-webkit-animation: headeranimation .5s linear  0s 1;animation: headeranimation .5s linear  0s 1; }
.logged-in .headerfixed{top:32px;}
@keyframes headeranimation {
  0% {
    transform:translateY(-100%);
    opacity:0;
  }
  100% {
    transform:translateY(0);
    opacity:1;
  }
}
@-webkit-keyframes headeranimation {
  0% {
    transform:translateY(-100%);
    opacity:0;
  }
  100% {
    transform:translateY(0);
    opacity:1;
  }
}

header{position:fixed;top:0;left:0;z-index:90;width:100%;display:flex;justify-content:space-between;padding:20px 25px 20px 70px;transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);}
.siteh1{display:none;}

.sitelogo{width:280px;display:flex;align-items:center;}

.headmain{ display:flex;justify-content:space-between;width:calc(100% - 320px);}


.mainnavigation{display:flex;justify-content:center;width:calc(100% - 320px);}
.mainnavigation>ul{display:flex;align-items:center;}
.mainnavigation>ul>li{position:relative;padding:20px 40px;}
.mainnavigation>ul>li>a{width:100%;font-size:18px;color:#FFF;display:flex;text-decoration:none;position:relative;z-index:1;transition:.4s ease-in-out;}
.mainnavigation>ul>li>a:hover{color:var(--blue);}
.mainnavigation>ul>li>a:after{content: "";position: absolute;left:0%;bottom: -5px;width: 100%;transform: scale(0) ;height: 2px;background: var(--blue);opacity: 0;visibility: hidden;transition: .4s ease-in-out;}
.mainnavigation>ul>li>a:hover:after{opacity: 1;visibility: visible;transform:scale(1);}
/* .mainnavigation ul li ul{display:none;position:absolute;left:50%;transform:translateX(-50%);background:var(--grey);}
.mainnavigation ul li:hover ul{display:block;}
.mainnavigation ul li ul li a{text-align:center;padding:5px 10px;}
.mainnavigation ul li ul li a:after{display:none;} */

.speciallinks{}
.speciallinks a{display:flex;justify-content:center;align-items:center;padding:15px;font-size:16px;color:#FFF;letter-spacing:2px;font-weight:bolder;text-transform:uppercase;background:var(--blue);transition:.3s;}
.speciallinks a:hover{text-decoration:none;background:var(--black);}
.speciallinks a span{display:block;text-align:center;width:100%;height:100%;padding:15px 50px;border:1px solid #7594b5;position:relative;z-index:1;}

@media screen and (max-width: 1620px) {
  .headmain{width:calc(100% - 300px);}
	.mainnavigation{width:calc(100% - 300px);}
	.mainnavigation>ul>li{padding:15px 30px;}
}
@media screen and (max-width: 1520px) {
  header{padding:20px 20px 10px 50px;}
  .sitelogo{width:200px;}
  .headmain{width:calc(100% - 250px);}
  .mainnavigation{width:calc(100% - 200px);}
  .mainnavigation>ul>li{padding:10px 12px;}
  .mainnavigation>ul>li>a{font-size:16px;}
  .speciallinks a{padding:10px;font-size:14px;}
  .speciallinks a span{padding:12px 38px;}
}
@media screen and (max-width: 1080px) {
  header{padding:15px 20px;}
  .sitelogo{width:150px;}
  .headmain{width:calc(100% - 180px);}
  .mainnavigation{width:calc(100% - 180px);}
  .mainnavigation>ul>li{padding:10px 5px;}
  .mainnavigation>ul>li>a{font-size:12px;}
  .speciallinks a{padding:5px;}
  .speciallinks a span{padding:10px 30px;}
}
@media screen and (max-width: 768px) {
  .headmain{margin-right:50px;width:auto;}
  .mainnavigation{display:none;}
  .speciallinks a{padding:3px;font-size:12px;line-height:1;letter-spacing:1px;}
  .speciallinks a span{padding:5px 20px;}
}
@media screen and (max-width: 568px) {
  .sitelogo{width:120px;}
}
/* /header css */
/*banner*/
.banner{position:relative;}
.banner .bannermain{}
.banner .bannermain li{overflow:hidden;}
.banner .bannermain figure{width:100%;height:90vh;position:relative;-webkit-animation: picmove1 50s linear infinite 0s;-moz-animation: picmove1 50s linear infinite 0s;-ms-animation: picmove1 50s linear infinite 0s;-o-animation: picmove1 50s linear infinite 0s;animation: picmove1 50s linear infinite 0s;}
.banner .bannermain figure:after{content:"";padding-top:0;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.2);}
.banner .bannermain .swiper-pagination{}
.banner .bannermain .swiper-pagination .swiper-pagination-bullet{background:#9a9a9a;width:12px;height:12px;margin:0 10px;opacity:1;}
.banner .bannermain .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--blue);}
.banner .bannertext{position:absolute;left:50%;top:50%;z-index:20;width:100%;max-width:1520px;color:#fff;padding:80px 0px;transform:translate(-50%,-50%);}
.banner .bannertext.bannertext1{top:60%;}
.banner .bannertext h2{font-size:60px;margin-bottom:30px;}
.banner .bannertext p{font-size:30px;}

@keyframes picmove1 {
 0% {
 -webkit-transform:scale(1, 1);
transform:scale(1, 1);
}
 50% {
 -webkit-transform:scale(1.2, 1.2);
transform:scale(1.2, 1.2);
}
 100% {
 -webkit-transform:scale(1, 1);
transform:scale(1, 1);
}
}
@media screen and (max-width: 1520px) {
  .banner .bannermain figure{height:95vh;}
  .banner .bannermain .swiper-pagination .swiper-pagination-bullet{margin:0 7px;width:10px;height:10px;}
  .banner .bannertext{max-width:1180px;padding:60px 0px;}
  .banner .bannertext h2{font-size:42px;margin-bottom:35px;}
  .banner .bannertext p{font-size:24px;}
}
@media screen and (max-width: 1320px) {
  .banner .bannermain .swiper-pagination .swiper-pagination-bullet{margin:0 5px;width:8px;height:8px;}
  .banner .bannertext{max-width:1080px;padding:30px 20px;}
  .banner .bannertext h2{font-size:38px;}
  .banner .bannertext p{font-size:22px;}
}
@media screen and (max-width: 1080px) {
  .banner .bannermain figure{height:70vh;}
  .banner .bannertext{max-width:650px;padding:20px;}
  .banner .bannertext h2{font-size:24px;margin-bottom:30px;}
  .banner .bannertext p{font-size:18px;}
}
@media screen and (max-width: 768px) {
  .banner{overflow:hidden;}
  .banner .bannermain figure{height:350px;}
  .banner .bannertext{width:100%;max-width:100%;}
  .banner .bannertext h2{font-size:24px;margin-bottom:20px;}
  .banner .bannertext p{font-size:14px;}
}
@media screen and (max-width: 528px) {
  .banner .bannermain figure{height:280px;}
  .banner .bannertext{padding:10px;}
  .banner .bannertext h2{font-size:18px;margin-bottom:5px;}
  .banner .bannertext p{font-size:12px;}
}

.pagebanner{background-color:#000;width:100%;height:500px;position:relative;overflow:hidden;}
.pagebanner:after{padding-top:0;height:100%;}
.pagebannermain{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;padding:80px 40px;display:flex;align-items:center;}
.pagebannertext{width:100%;max-width:1320px;margin:0 auto;border-left:5px solid var(--blue);padding-left:50px;color:#FFF;}
.pagebannertext h2{font-size:44px;line-height:1.2;margin-bottom:20px;}
.pagebannertext h1{font-size:24px;line-height:1.2;}
@media screen and (max-width: 1520px) {
  .pagebanner{height:380px;}
  .pagebannermain{padding:50px 40px;}
  .pagebannertext{padding-left:30px;}
  .pagebannertext h2{font-size:36px;}
  .pagebannertext h1{font-size:20px;}
}
@media screen and (max-width: 1080px) {
  .pagebanner{height:350px;}
  .pagebannermain{padding:30px 20px;}
  .pagebannertext{border-left:3px solid var(--blue);padding-left:20px;}
  .pagebannertext h2{font-size:30px;margin-bottom:10px;}
  .pagebannertext h1{font-size:18px;}
}
@media screen and (max-width: 768px) {
  .pagebanner{height:300px;}
  .pagebannermain{padding:20px;}
  .pagebannertext{border-left:2px solid var(--blue);padding-left:15px;}
  .pagebannertext h2{font-size:26px;}
  .pagebannertext h1{font-size:16px;}
}

/*/banner*/

/* footer css */
.footer{background:var(--black);}
.footmain{padding:50px;width:100%;max-width:1200px;margin:0 auto;}
.footlogo{display:block;width:200px;margin:0 auto 50px;transition:.3s;}
.footlogo:hover{opacity:0.7;}

.footmenu{}
.footmenu ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.footmenu ul li{padding:10px 20px;}
.footmenu ul li a{color:#FFF;font-size:18px;display:block;text-align:center;transition:.3s;}
.footmenu ul li a:hover{text-decoration:none;color:var(--blue);}

.copyright{background:var(--blue);width:100%;}
.copyright p{width:100%;max-width:1400px;margin:0 auto;padding:10px 40px;font-size:14px;text-align:center;color:#fff;}
@media screen and (max-width: 1520px) {
  .footlogo{width:180px;margin:0 auto 30px;}
  .footmenu ul li{padding:10px;}
  .footmenu ul li a{font-size:16px;}
}
@media screen and (max-width: 1080px) {
  .footmain{padding:30px 20px;}
  .footlogo{width:150px;margin:0 auto 20px;}
  .footmenu ul li a{font-size:14px;}
  .copyright p{padding:10px 20px;font-size:12px;}
}
@media screen and (max-width: 768px) {
  .footlogo{width:120px;}
  .footmenu ul li{width:33.333333%;}
  .footmenu ul:after{content:"";display:block;margin-left:auto;}
  .copyright p{padding:5px 10px;}
}
@media screen and (max-width: 568px) {
	.footmenu{display:none;}
  .footmenu ul li{width:50%;margin-bottom:5px;}

}
/* /footer css */

/*home*/
.homeabout{color:#FFF;background-color:#000;position:relative;}
.homeabout:after{content:"";background-image:url(img/homeaboutbg.png);background-repeat:no-repeat; width:100%;height:100%;position:absolute;left:0;top:0;opacity:0.1;}
.homeabout .twocolumn{position:relative;z-index:10;}
.homeabout .twocolumn .pic{width:calc(50% - 60px);}
.homeabout .twocolumn .pic figure:after{padding-top:110%;}
.homeabout .twocolumn .text{width:calc(50% - 50px);}
.homeabout .twocolumn .inner{max-width:520px;margin:0 auto;}
.homeabout .twocolumn .titlegroup{margin-bottom:50px;}
.homeabout .twocolumn p{margin-bottom:30px;font-size:18px;line-height:1.8;}
@media screen and (max-width: 1520px) {
  .homeabout .twocolumn .pic{width:calc(50% - 30px);}
  .homeabout .twocolumn .text{width:calc(50% - 30px);}
  .homeabout .twocolumn .titlegroup{margin-bottom:30px;}
  .homeabout .twocolumn p{margin-bottom:20px;font-size:16px;}
}
@media screen and (max-width: 1080px) {
  .homeabout .twocolumn .pic{width:calc(50% - 15px);}
  .homeabout .twocolumn .text{width:calc(50% - 15px);}
  .homeabout .twocolumn .titlegroup{margin-bottom:20px;}
  .homeabout .twocolumn p{margin-bottom:15px;font-size:14px;}
}
@media screen and (max-width: 768px) {
	.homeabout .twocolumn .pic{width:100%;max-width:520px;margin:0 auto 20px;order:2;}
	.homeabout .twocolumn .text{width:100%;}
}

.homefeature{ }
.homefeature .twocolumn{ }
.homefeature .twocolumn .pic{width:calc(50% - 60px);}
.homefeature .twocolumn .pic figure:after{padding-top:110%;}
.homefeature .twocolumn .text{width:calc(50% - 50px);}
.homefeature .twocolumn .inner{ margin:0 auto;}
.homefeature .twocolumn .titlegroup{margin-bottom:50px;}
.homefeature .twocolumn p{margin-bottom:30px;font-size:18px;line-height:1.8;}
.homefeature .btnlink{display:flex;align-items:center;justify-content:space-between;}
.homefeature .btnlink:hover{color:var(--black);}
.homefeature .btnlink:hover .aroundarrow{transform:translateX(5px);background:#F3F3F3;}
.homefeature .btnlink:after{content:"";display:block;width:60%;border-bottom:1px solid var(--blue);transform:translateX(10%);}
.homefeature .btnlink .aroundarrow{order:2;position:relative;z-index:1;transition:.3s;}
@media screen and (max-width: 1520px) {
  .homefeature .twocolumn .pic{width:calc(50% - 15px);}
  .homefeature .twocolumn .pic figure:after{padding-top:120%;}
  .homefeature .twocolumn .text{width:calc(50% - 15px);}
  .homefeature .twocolumn .titlegroup{margin-bottom:30px;}
  .homefeature .twocolumn p{margin-bottom:10px;font-size:16px;line-height:1.6;}
  .homefeature .btnlink:after{transform:translateX(15%);}
}
@media screen and (max-width: 1080px) {
  .homefeature .twocolumn .pic{width:calc(50% - 15px);}
  .homefeature .twocolumn .text{width:calc(50% - 15px);}
  .homefeature .twocolumn .titlegroup{margin-bottom:20px;}
  .homefeature .twocolumn p{margin-bottom:15px;font-size:14px;}
}
@media screen and (max-width: 768px) {
  .homefeature .twocolumn .pic{width:100%;max-width:520px;margin:20px auto;}
  .homefeature .twocolumn .text{width:100%;max-width:520px;margin:0 auto;}
  .homefeature .btnlink span{width:80px;}
  .homefeature .btnlink:after{width:calc(100% - 120px);transform:translateX(0%);}
}

.homeservices{position:relative;}
.homeservices:after{content:"";position:absolute;top:0;left:0;padding-top:0;width:100%;height:100%;background:rgba(0,0,0,0.75);}
.homeservicesmain{position:relative;z-index:10;}
.homeservices .titlegroup{color:#FFF;margin-bottom:60px;}

.homeserviceslist{}
.homeserviceslist .layout{margin-right:-38px;margin-bottom:-38px;}
.homeserviceslist .layout .avcol3{padding-right:38px;margin-bottom:38px;}
@media screen and (max-width: 1520px) {
  .homeservices .titlegroup{margin-bottom:30px;}
  .homeserviceslist .layout{margin-right:-30px;margin-bottom:-30px;}
  .homeserviceslist .layout .avcol3{padding-right:30px;margin-bottom:30px;}
}
@media screen and (max-width: 1080px) {
  .homeserviceslist .layout{margin-right:-15px;margin-bottom:-15px;}
  .homeserviceslist .layout .avcol3{padding-right:15px;margin-bottom:15px;}
}
@media screen and (max-width: 768px) {
  .homeserviceslist .layout .avcol3{width:50%;}
}
@media screen and (max-width: 568px) {
  .homeserviceslist .layout .avcol3{width:100%;}
}


.hometopics{background:#f3f3f3;}
.hometopics .titlegroup{margin-bottom:50px;}
.hometopics .newslist{margin-bottom:50px;}
.hometopics .btnlink{width:100%;max-width:200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.hometopics .btnlink .aroundarrow{margin-bottom:15px;transition:.3s;}
.hometopics .btnlink:hover{color:var(--black);}
.hometopics .btnlink:hover .aroundarrow{background:#f3f3f3;}
@media screen and (max-width: 1520px) {
  .hometopics .titlegroup{margin-bottom:30px;}
  .hometopics .newslist{margin-bottom:30px;}
}
@media screen and (max-width: 1080px) {
  .hometopics .titlegroup{margin-bottom:20px;}
  .hometopics .newslist{margin-bottom:20px;}
}

.homelinks{position:relative;}
.homelinks:before{content:"";position:absolute;left:0;top:0;width:100%;height:50%;background:var(--blue);}
.homelinks:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:50%;background:url(img/mask.png) repeat;}
.homelinks .twocolumn{position:relative;z-index:20;}
.homelinks .twocolumn .text{width:calc(50% - 50px);}
@media screen and (max-width: 1520px) {
  .homelinks .twocolumn .text{width:calc(50% - 30px);}
}
@media screen and (max-width: 1080px) {
  .homelinks .twocolumn .text{width:calc(50% - 15px);}
}
@media screen and (max-width: 768px) {
  .homelinks .twocolumn .text{width:calc(50% - 10px);}  
}
@media screen and (max-width: 568px) {
  .homelinks .twocolumn .text{width:100%;}
  .homelinks .twocolumn .text .linkcard{max-width:360px;margin:0 auto 20px;}
}


/*page pagetopics*/
.pagetopics{background:#1b1b1b;color:#FFF;}
.pagetopics .newsitem a{color:#FFF;}

.linkcard{color:#FFF;display:block;position:relative;width:100%;overflow:hidden;}
.linkcard:hover{text-decoration:none;}
.linkcard:hover figure{transform:scale(1.1,1.1);}
.linkcardpic{width:100%;height:100%;overflow:hidden;position:relative;}
.linkcardpic:after{content:"";position:absolute;left:0;top:0;display:block;border:19px solid rgba(255,255,255,0.7);width:100%;height:100%;}
.linkcardpic figure{width:100%;height:100%;transition:.3s;}
.linkcardpic figure:after{padding-top:110%;background:rgba(0,0,0,0.3);}
.linkcardtext{position:absolute;left:19px;top:19px;z-index:10;width:calc(100% - 38px);height:calc(100% - 38px);padding:80px 50px 20px;overflow:hidden;}
.linkcardmore{position:absolute;right:0px;bottom:0px;display:block;width:160px;height:160px;background:var(--blue);padding:20px;transform:translate(50%,50%) rotate(-45deg);}
.linkcardmore .arrow{transform:rotate(90deg);}
@media screen and (max-width: 1520px) {
  .linkcardpic:after{border:15px solid rgba(255,255,255,0.7);}
  .linkcardtext{left:15px;top:15px;width:calc(100% - 30px);height:calc(100% - 30px);}
  .linkcardmore{width:120px;height:120px;}
}
@media screen and (max-width: 1200px) {
  .linkcardtext{padding:60px 30px 15px;}
  .linkcardmore{width:100px;height:100px;}
}
@media screen and (max-width: 1080px) {
  .linkcardpic:after{border:10px solid rgba(255,255,255,0.7);}
  .linkcardtext{padding:30px 20px 10px;left:10px;top:10px;width:calc(100% - 20px);height:calc(100% - 20px);}
  .linkcardmore{width:80px;height:80px;}
}
@media screen and (max-width: 768px) {
  .linkcardtext{padding:20px 15px 10px;}
}


/*newsdetail*/
.pagetopicsdetail{background:#1b1b1b;color:#FFF;}
.newsinfo{display:flex;flex-wrap:wrap;font-weight:bolder;margin-bottom:50px;font-size:20px;color:#FFF;padding:0 30px;}
.newsinfo em{width:200px;margin-right:30px;font-style:normal;}
.newsinfo p{margin-bottom:0;}

.pagetopicsdetail figure{margin-bottom:50px;}
.pagetopicsdetail figure:after{padding-top:55%;}
.pagetopicsdetail p{margin-bottom:30px;font-size:18px;}

.newsbottom{display:flex;justify-content:space-between;flex-wrap:wrap;}
.newsbottom .newsbottompic{width:calc(50% - 20px);}
.newsbottom .newsbottompic figure{margin-bottom:0;}
.newsbottom .newsbottomtext{width:calc(50% - 20px);}
@media screen and (max-width:1520px){
  .newsinfo{font-size:20px;margin-bottom:30px;padding:0 20px;}
  .pagetopicsdetail figure{margin-bottom:30px;}
  .pagetopicsdetail figure:after{padding-top:50%;}
  .pagetopicsdetail p{font-size:16px;}
}
@media screen and (max-width:1080px){
  .newsinfo{font-size:18px;margin-bottom:20px;padding:0;}
  .newsinfo em{width:120px;font-size:16px;}
  .pagetopicsdetail figure{margin-bottom:20px;}
  .pagetopicsdetail p{font-size:14px;}
  .newsbottom .newsbottompic{width:calc(50% - 10px);}
  .newsbottom .newsbottomtext{width:calc(50% - 10px);}
}
@media screen and (max-width:768px){
  .newsbottom .newsbottompic,.newsbottom .newsbottomtext{width:100%;}
  .newsbottom .newsbottompic{margin-bottom:20px;}
}

.pagepost{ margin-top: 50px; display:flex;justify-content:center;flex-wrap:wrap;}
.pagepost a{padding:10px 50px;margin:5px 20px;border-radius:999px;font-weight:bold;font-size:18px;color:var(--black);border:1px solid var(--black);background:var(--white);text-decoration:none;transition:.3s;}
.pagepost a:hover{color: var(--white);background:var(--black);}
.pagepost i{font-style:normal;}
/*.pagepost .returnlist:before{content:"";height:100%;border-right:1px solid #d1d1d1;margin-right:20px;}
.pagepost .returnlist:after{content:"";height:100%;border-right:1px solid #d1d1d1;margin-left:20px;}*/
.pagepost .prevpost{}
.pagepost .nextpost{}
@media screen and (max-width:1520px){
  .pagepost{ margin-top: 30px;}
  .pagepost a{font-size:16px;}
}
@media screen and (max-width:1080px){
  .pagepost a{font-size:14px;}
}
@media screen and (max-width:650px){
  .pagepost{justify-content:space-between;}
  .pagepost .returnlist{order:1;width:100%; margin:10px auto;text-align:center;}
}
@media screen and (max-width:420px){
  .pagepost a{font-size:12px;padding:10px 20px;}
}

/*page custommade*/
.custommade{background-image:url(img/custommadebg.jpg);background-position:top center;background-color:#323232;color:#FFF;}
.custommade .wide{margin-bottom:60px;line-height:1.6;}
.custommade .wide h3{margin-bottom:60px;font-size:24px;}
.custommade .tablebox ul{}
.custommade .tablebox ul li{display:flex;align-items:baseline;}
.custommade .tablebox ul li:before{content:"";width:3px;height:3px;border-radius:50%;background:#FFF;display:block;margin-right:5px;transform:translateY(-9px);}
.custommade .tablebox dl{}
.custommade .tablebox dl dt{display:flex;align-items:baseline;}
.custommade .tablebox dl dt:before{content:"";width:5px;height:2px;background:#FFF;display:block;margin-right:5px;transform:translateY(-9px);}
.custommade .tablebox dl dd{display:flex;align-items:baseline;}
.custommade .tablebox dl dd:before{content:"";width:3px;height:3px;border-radius:50%;background:#FFF;display:block;margin-right:5px;transform:translateY(-9px);}
.custommade .tablebox table thead{background-image: linear-gradient(45deg, #211b2b, #212530, #213539,#21363a,#213c3d);}
.custommade .tablebox table thead tr th{color:#FFF;border:1px solid #ffffff;text-align:left;padding:15px 20px;}
.custommade .tablebox table tbody tr th{color:#FFF;border:1px solid #ffffff;width:60px;padding:15px 20px;}
.custommade .tablebox table tbody tr td{color:#FFF;border:1px solid #ffffff;text-align:left;padding:15px 20px;vertical-align:text-top;}
.custommade .tablebox table thead th:first-child{background-color:#171717;border-top:0;border-left:0;}
.custommade .tablebox table tbody tr:first-child th{background-image: linear-gradient(to bottom, #213c3d, #213a3c);}
.custommade .tablebox table tbody tr:nth-of-type(2) th{background-image: linear-gradient(to bottom, #21393b, #212a33);}
.custommade .tablebox table tbody tr:nth-of-type(3) th{background-image: linear-gradient(to bottom, #212631, #211b2c);}
@media screen and (max-width:1520px){
  .custommade .wide{margin-bottom:50px;line-height:1.6;}
  .custommade .wide h3{margin-bottom:50px;font-size:20px;}
  .custommade .tablebox ul li:before{width:2px;height:2px;transform:translateY(-8px);}
  .custommade .tablebox dl dt:before{width:3px;height:1px;transform:translateY(-8px);}
  .custommade .tablebox table thead tr th{padding:10px 15px;}
  .custommade .tablebox table tbody tr th{padding:10px 15px;width:50px;}
  .custommade .tablebox table tbody tr td{padding:10px 15px;}
}
@media screen and (max-width:1080px){
  .custommade .wide{margin-bottom:30px; }
  .custommade .wide h3{margin-bottom:30px;font-size:18px;}
  .custommade .tablebox ul li:before{transform:translateY(-6px);}
  .custommade .tablebox dl dt:before{transform:translateY(-6px);}
  .custommade .tablebox table thead tr th{padding:10px;}
  .custommade .tablebox table tbody tr th{padding:10px;width:38px;}
  .custommade .tablebox table tbody tr td{padding:10px;}
}
@media screen and (max-width:768px){
  .custommade .tablebox table thead tr th{padding:5px;font-size:12px;}
  .custommade .tablebox table tbody tr th{padding:5px;width:30px;font-size:12px;}
  .custommade .tablebox table tbody tr td{padding:5px;font-size:10px;}
}

/*page contact*/
.contact{background:#000000;color:#FFF;}
.contacttrue{background:#2c2c2c;}
.contact .formstep{margin-bottom:50px;}
.contact .form{}
.contact .form .avcol1,.form .avcol2{margin-bottom:20px;}
.contact .form .avcol2{width:calc(50% - 20px);}
@media screen and (max-width: 1520px) {
  .contact .form .avcol2{width:calc(50% - 15px);}
}
@media screen and (max-width: 1080px) {
  .contact .form .avcol2{width:calc(50% - 10px);}
}
@media screen and (max-width: 768px) {
  .contact .form .avcol2{width:100%;}
}


/*company*/

.companybg{position:relative;}
.companybg:after{content:"";background:url(img/companybg.jpg) no-repeat;background-position:top 20% center;position:absolute;left:0;top:0;width:100%;height:100%;}
.companymain{position:relative;z-index:10;}

.company{background-color:#0c0c0c;color:#FFF;}
.company .wide{margin-bottom:80px;}
.company .wide h2{font-size:28px;line-height:2;margin-bottom:30px;}
.company .wide p{font-size:20px;line-height:2;}
.company .twocolumn{}
.company .twocolumn .pic{width:50%;}
.company .twocolumn .pic figure{position:relative;}
.company .twocolumn .pic figure:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:30px solid rgba(255,255,255,0.1);}
.company .twocolumn .pic figure:after{padding-top:80%;}
.company .twocolumn .text{width:calc(50% - 50px);}
.company .twocolumn .text .inner{width:100%;max-width:530px;margin:0 auto;}
.company .twocolumn .text .titlegroup{margin-bottom:50px;}
.company .twocolumn .text .titlegroup .t2{margin-bottom:10px;}
.company .twocolumn .text p{margin-top:30px;}
@media screen and (max-width: 1520px) {
  .company .wide{margin-bottom:60px;}
  .company .wide h2{font-size:24px;margin-bottom:20px;}
  .company .wide p{font-size:16px;}
  .company .twocolumn .pic figure:before{border:20px solid rgba(255,255,255,0.1);}
  .company .twocolumn .text{width:calc(50% - 30px);}
  .company .twocolumn .text .inner{max-width:520px;}
  .company .twocolumn .text .titlegroup{margin-bottom:30px;}
  .company .twocolumn .text .titlegroup .t2{margin-bottom:5px;}
  .company .twocolumn .text p{margin-top:20px;}
}
@media screen and (max-width: 1080px) {
  .company .wide{margin-bottom:50px;}
  .company .wide h2{font-size:20px;margin-bottom:15px;}
  .company .wide p{font-size:14px;}
  .company .twocolumn .pic figure:before{border:10px solid rgba(255,255,255,0.1);}
  .company .twocolumn .pic figure:after{padding-top:90%;}
  .company .twocolumn .text{width:calc(50% - 20px);}
  .company .twocolumn .text .titlegroup{margin-bottom:20px;}
  .company .twocolumn .text p{margin-top:15px;}
}
@media screen and (max-width: 768px) {
  .company .wide{margin-bottom:30px;}
  .company .twocolumn .pic{width:100%;max-width:520px;margin:0 auto 20px;}
  .company .twocolumn .pic figure:before{border:5px solid rgba(255,255,255,0.1);}
  .company .twocolumn .pic figure:after{padding-top:90%;}
  .company .twocolumn .text{width:100%;}
  .company .twocolumn .text .titlegroup{margin-bottom:20px;}
  .company .twocolumn .text p{margin-top:15px;}
}

.greeting{}
.greeting .titlegroup{margin-bottom:60px;}
.greeting .titlegroup h2{margin-bottom:10px;}
.greeting .titlegroup h3{}
.greeting p{line-height:2;margin-bottom:30px;}
@media screen and (max-width: 1520px) {
  .greeting .titlegroup{margin-bottom:50px;}
  .greeting p{line-height:1.8;margin-bottom:20px;}
}
@media screen and (max-width: 1080px) {
  .greeting .titlegroup{margin-bottom:30px;}
  .greeting .titlegroup h2{margin-bottom:5px;}
  .greeting p{line-height:1.6;margin-bottom:15px;}
}

.company{}
.company .titlegroup{margin-bottom:60px;}
.company .titlegroup h2{margin-bottom:10px;}
.company .layout{}
.company .layout .avcol2{width:calc(50% - 30px);}
.company .layout .avcol2 .tablelist dl{padding:45px 0;}
.company .layout .avcol2 .tablelist dl:not(:last-child){border-bottom-width: 1px;border-bottom-style: solid;border-image: linear-gradient(to right, #2b696b 0%, #28525a 35%, #243042 72%, #222238 100%) 2 stretch;border-image-outset: 2px;border-image-slice: 2;}
.company .layout .avcol2 .tablelist dl dt{font-weight:bolder;}
.company .layout .avcol2 .tablelist dl dd{line-height:1.8;letter-spacing:1px;}
@media screen and (max-width: 1520px) {
  .company .titlegroup{margin-bottom:50px;}
  .company .layout .avcol2{width:calc(50% - 20px);}
  .company .layout .avcol2 .tablelist dl{padding:35px 0;}
  .company .layout .avcol2 .tablelist dl dd{line-height:1.6;}
}
@media screen and (max-width: 1080px) {
  .company .titlegroup{margin-bottom:30px;}
  .company .titlegroup h2{margin-bottom:5px;}
  .company .layout .avcol2{width:calc(50% - 10px);}
  .company .layout .avcol2 .tablelist dl{padding:30px 0;}
}
@media screen and (max-width: 768px) {
  .company .layout .avcol2{width:100%;}
  .company .layout .avcol2 .tablelist dl{padding:20px 0;}
  .company .layout .avcol2 .tablelist dl dt{margin-bottom:5px;}
}


/* .consultant{background:#1b1b1b;} */


.persontop{display:flex;justify-content:space-between;flex-wrap:wrap;color:#FFF;margin-bottom:50px;}
.persontoppic{width:calc(50% - 70px);margin-bottom:50px;}
.persontoppic figure{position:relative;}
.persontoppic figure img{width:100%;}
.persontoppic figure:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:30px solid rgba(0,0,0,0.1);}
.persontopinfo{width:calc(50% - 50px);margin-bottom:50px;}
.persontop .infolist{width:100%;}
@media screen and (max-width: 1520px) {
  .persontop{margin-bottom:30px;}
  .persontoppic{width:calc(50% - 30px);margin-bottom:30px;}
  .persontoppic figure:after{border-width:20px;}
  .persontopinfo{width:calc(50% - 30px);margin-bottom:30px;}
}
@media screen and (max-width: 1080px) {
  .persontop{margin-bottom:20px;}
  .persontoppic{width:calc(50% - 15px);margin-bottom:20px;}
  .persontoppic figure:after{border-width:10px;}
  .persontopinfo{width:calc(50% - 15px);margin-bottom:20px;}
}
@media screen and (max-width: 768px) {
  .persontoppic{width:100%;margin:0 auto 20px;}
  .persontoppic figure{max-width:500px;margin:0 auto;}
  .persontoppic figure:after{border-width:5px;}
  .persontopinfo{width:100%;margin-bottom:15px;}
}

.consultant{}
.consultant .layout{margin-bottom:-50px;margin-right:-50px;}
.consultant .layout .avcol2{margin-bottom:50px;padding-right:50px;}
@media screen and (max-width: 1520px) {
  .consultant .layout{margin-bottom:-30px;margin-right:-30px;}
  .consultant .layout .avcol2{margin-bottom:30px;padding-right:30px;}
}
@media screen and (max-width: 1080px) {
  .consultant .layout{margin-bottom:-20px;margin-right:-20px;}
  .consultant .layout .avcol2{margin-bottom:20px;padding-right:20px;}
}
@media screen and (max-width: 768px) {
  .consultant .layout .avcol2{width:100%;}
  .consultant .layout .avcol2 .personcard{max-width:500px;margin:0 auto;}
}
.consultantbox ul{margin:-50px 0 0 -50px;}
.consultantbox ul>li{margin:50px 0 0 50px;position:relative;width:calc(50% - 50px);color:#000;background:#f7f7f7;padding:25px;border:25px solid #eaeaea;}
.personcard{display:flex;justify-content:space-between;flex-wrap:wrap;position:relative;color:#000;background:#f7f7f7;padding:25px;border:25px solid #eaeaea;}
.personcardpic{width:180px;}
.personcardpic figure{margin-bottom:20px;}
.personcardpic h3{}
.personcardinfo{width:calc(100% - 210px);}
.personcardinfo .infolist dt{width:100px;}
.personcardinfo .infolist dd{width:calc(100% - 100px);}
.personcardinfo .infolist dd p{text-indent:-1em;padding-left:1em;line-height:1.5;}
.personcardinfo .full dd p{font-weight:normal;}
@media screen and (max-width: 1520px) {
  .personcard{padding:20px;border-width:20px;}
  .personcardpic{width:160px;}
  .personcardinfo{width:calc(100% - 200px);}
}
@media screen and (max-width: 1080px) {
  .personcard{padding:10px;border-width:10px;}
  .personcardpic{width:140px;}
  .personcardinfo{width:calc(100% - 150px);}
}
@media screen and (max-width: 568px) {
  .personcard{padding:5px;border-width:5px;}
  .personcardpic{width:100%;max-width:200px;margin:0 auto 15px;}
  .personcardpic figure{max-width:200px;margin:0 auto 15px;}
  .personcardinfo{width:100%;}
}


.infolist{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:30px;}
.infolist.full{width:100%;margin-bottom:30px;}
.infolist dt{width:150px;font-size:18px;font-weight:bolder;}
.infolist dd{width:calc(100% - 150px);font-size:18px;line-height:1.8;font-weight:bolder;}
.infolist.full dt{width:100%;margin-bottom:20px;}
.infolist.full dd{width:100%;}
.infolist.full dd>p{display:flex;justify-content:space-between;}
.infolist.full dd>p>span{width:22px;}
.infolist.full dd>p>em{width:calc(100% - 22px);font-style:normal;}
.infolist dt.line{padding-bottom:10px;border-bottom:1px solid #888888;margin-bottom:15px;}
@media screen and (max-width: 1520px) {
  .infolist{margin-bottom:20px;}
  .infolist.full{margin-bottom:20px;}
  .infolist dt{width:120px;font-size:18px;}
  .infolist dd{width:calc(100% - 120px);font-size:16px;}
  .infolist.full dt{margin-bottom:15px;}
  .infolist.full dd>p>span{width:20px;}
  .infolist.full dd>p>em{width:calc(100% - 20px);}
}
@media screen and (max-width: 1080px) {
  .infolist{margin-bottom:15px;}
  .infolist.full{margin-bottom:15px;}
  .infolist dt{width:100px;font-size:16px;}
  .infolist dd{width:calc(100% - 100px);font-size:14px;}
  .infolist.full dt{margin-bottom:10px;}
  .infolist.full dd>p>span{width:18px;}
  .infolist.full dd>p>em{width:calc(100% - 18px);}
}
@media screen and (max-width: 768px) {
  .infolist.full dd>p>span{width:16px;}
  .infolist.full dd>p>em{width:calc(100% - 16px);}
}



    
/**/
.btnlink{color:var(--blue);text-transform:uppercase;}
.btnlink:hover{text-decoration:none;}
.aroundarrow{width:60px;height:60px;border-radius:50%;border:1px solid var(--blue);display:flex;justify-content:center;align-items:center;background:#FFF;}
.aroundarrow:after{content:"";width:10px;height:10px;border:solid var(--blue);border-width:3px 3px 0 0;transform:translateX(-2px) rotate(45deg);}
.arrow{display:flex;justify-content:center;align-items:center;}
.arrow:before{content:"";display:block;width:15px;height:3px;background:#FFF;transform:translate(7px,1px);}
.arrow:after{content:"";display:block;width:12px;height:12px;border:solid #FFF;border-width:3px 3px 0 0;transform:translate(-6px,1px) rotate(45deg);}
@media screen and (max-width: 1520px) {
  .arrow:before{width:10px;height:2px;transform:translate(5px,1px);}
  .arrow:after{width:8px;height:8px;border-width:2px 2px 0 0;transform:translate(-5px,1px) rotate(45deg);}
  .aroundarrow{width:50px;height:50px;}
  .aroundarrow:after{border-width:2px 2px 0 0;}
}
@media screen and (max-width: 1080px) {
  .arrow:before{width:7px;height:1px;transform:translate(3px,1px);}
  .arrow:after{width:7px;height:7px;border-width:1px 1px 0 0;transform:translate(-3px,1px) rotate(45deg);}
  .aroundarrow{width:36px;height:36px;}
  .aroundarrow:after{border-width:1px 1px 0 0;}
}


.servicecard{width:100%;height:100%;display:block;position:relative;overflow:hidden;color:#000;padding:30px 60px 60px;background:rgba(255,255,255,0.7);}
.servicecard:hover{text-decoration:none;}
.servicecard:hover figure{transform:scale(1.1,1.1);filter: saturate(100%);}
.servicecardtitle{margin-bottom:50px;}
.servicecardtitle h3{font-size:24px;margin-bottom:20px;}
.servicecardtitle h5{font-size:20px;letter-spacing:0.1em;}
.servicecardpic{overflow:hidden;}
.servicecardpic figure{filter: saturate(0%);transition:.3s;}
.servicecardpic figure:after{padding-top:60%;}
.servicecardmore{position:absolute;right:0;bottom:0;z-index:1;background:var(--blue);color:var(--white);width:160px;height:160px;transform:translate(50%,50%) rotate(-45deg);display:flex;flex-direction:column;align-items:center;padding:10px;}
.servicecardmore span{font-size:12px;}
.servicecardmore .arrow{transform:rotate(90deg);margin-top:15px;}
@media screen and (max-width: 1720px) {
  .servicecard{padding:30px 30px 50px;}
  .servicecardtitle{margin-bottom:30px;}
  .servicecardtitle h3{font-size:18px;margin-bottom:15px;}
  .servicecardtitle h5{font-size:16px;}
  .servicecardmore{width:120px;height:120px;padding:5px;}
  .servicecardmore span{font-size:10px;}
  .servicecardmore .arrow{margin-top:10px;}
}
@media screen and (max-width: 1080px) {
  .servicecard{padding:20px 20px 30px;}
  .servicecardtitle{margin-bottom:20px;min-height:80px;}
  .servicecardtitle h3{font-size:16px;margin-bottom:10px;}
  .servicecardtitle h5{font-size:14px;}
  .servicecardmore{width:80px;height:80px;padding:3px;}
  .servicecardmore .arrow{margin-top:5px;}
}
@media screen and (max-width: 768px) {
  .servicecard{padding:15px 10px 30px;}
  .servicecardtitle{min-height:auto;}
}




.newsitem{}
.newsitem a{text-decoration:none;display:flex;justify-content:space-between;flex-wrap:wrap;font-size:18px;color:#000;padding:10px 0;transition:.3s;}
.newsitem a:hover{color:var(--blue);}
.newsitem a span{width:120px;}
.newsitem a p{width:calc(100% - 160px);}
@media screen and (max-width: 1520px) {
  .newsitem a{font-size:16px;}
  .newsitem a span{width:100px;}
  .newsitem a p{width:calc(100% - 130px);}
}
@media screen and (max-width: 1080px) {
  .newsitem a{font-size:14px;padding:5px 0;}
  .newsitem a span{width:80px;}
  .newsitem a p{width:calc(100% - 100px);}
}
@media screen and (max-width: 768px) {
  .newsitem a span{width:100%;}
  .newsitem a p{width:100%;}
}




body.page-id-132{background:#000 url(img/factorybg.png)no-repeat top center;background-size:100%;}
body.page-id-132 .imgbox{display:none;}
body.page-id-132 .pagebanner{background:none;}

body.page-id-140{background:#000 url(img/systembg.png)no-repeat top center;background-size:100%;}
body.page-id-140 .imgbox{display:none;}
body.page-id-140 .pagebanner{background:none;}

body.page-id-151{background:#000 url(img/servicesbg.jpg)no-repeat top center;background-size:100%;}
body.page-id-151 .imgbox{display:none;}
body.page-id-151 .pagebanner{background:none;}

body.page-id-171{background:#000 url(img/businessbg.png)no-repeat top center;background-size:100%;}
body.page-id-171 .imgbox{display:none;}
body.page-id-171 .pagebanner{background:none;}

body.page-id-73{background:#000 url(img/consultantbg.jpg)no-repeat top center;background-size:100%;}
body.page-id-73 .imgbox{display:none;}
body.page-id-73 .pagebanner{background:none;}


.factoryone{padding:100px 40px;}
.factoryonecon{margin:0 auto;max-width:1320px;width:100%;color:#fff;}
.factoryonecon>p{margin-top:40px;text-align:center;line-height:2;}
.factoryonecon>hgroup{margin-top:100px;padding:17px;border:1px solid #fff;}
.factoryonecon>hgroup>dl{position:relative;display:flex;justify-content:space-between;}
.factoryonecon>hgroup>dl:after{position:absolute;top:0;left:50%;content:"";width:1px;height:100%;background:#fff;}
.factoryonecon>hgroup>dl>dt{padding:17px;width:calc(50% - 30px);border-radius:10px;background:rgba(0,0,0,.84);}
.factoryonecon>hgroup>dl h3{font-size:24px;color:#fff;text-align:center;letter-spacing:2px;padding-bottom:15px;border-bottom:1px solid #fff;}
.factoryonecon>hgroup>dl dl{display:flex;flex-flow:wrap;justify-content:space-between;margin-top:20px;font-size:18px;}
.factoryonecon>hgroup>dl dl>dt{display:flex;align-items:center;padding:15px 0;width:200px;font-weight:bold;line-height:1.4;border-bottom:1px solid #fff;}
.factoryonecon>hgroup>dl dl>dd{padding:15px 0px 15px 20px;width:calc(100% - 200px);font-style:none;border-bottom:1px solid #fff;}
.factoryonecon>hgroup>dl dl>dd>p{display:flex;justify-content:space-between;}
.factoryonecon>hgroup>dl dl>dd>p>span{width:20px;}
.factoryonecon>hgroup>dl dl>dd>p>em{width:calc(100% - 20px);font-style:normal;}
.factoryonecon>hgroup>dl>dd{padding:17px;width:calc(50% - 30px);border-radius:10px;background:rgba(14,75,143,.84);}
.factoryonecon>hgroup>dl .bor{border-bottom:none;}
.common_tit{text-align:center;line-height:1;letter-spacing:10px;}
.common_tit>p{font-size:24px;}
.common_tit>h2{margin-top:15px;font-size:30px;}
@media screen and (max-width: 1520px) {
	.factoryone{padding:80px 20px;}
	.factoryonecon>p{margin-top:30px;}
	.factoryonecon>hgroup{margin-top:80px;padding:15px;}
	.factoryonecon>hgroup>dl>dt{padding:15px;width:calc(50% - 20px);}
	.factoryonecon>hgroup>dl h3{font-size:22px;letter-spacing:1px;padding-bottom:12px;}
	.factoryonecon>hgroup>dl dl{margin-top:15px;font-size:16px;}
	.factoryonecon>hgroup>dl dl>dt{padding:10px 0;width:180px;}
	.factoryonecon>hgroup>dl dl>dd{padding:10px 0px 10px 20px;width:calc(100% - 180px);}
	.factoryonecon>hgroup>dl dl>dd>p>span{width:18px;}
	.factoryonecon>hgroup>dl dl>dd>p>em{width:calc(100% - 18px);}
	.factoryonecon>hgroup>dl>dd{padding:15px;width:calc(50% - 20px);}
	.common_tit{letter-spacing:8px;}
	.common_tit>p{font-size:22px;}
	.common_tit>h2{margin-top:12px;font-size:26px;}
}
@media screen and (max-width: 1080px) {
	.factoryone{padding:60px 20px;}
	.factoryonecon>hgroup{margin-top:60px;padding:10px;}
	.factoryonecon>hgroup>dl>dt{padding:10px;width:calc(50% - 10px);}
	.factoryonecon>hgroup>dl h3{font-size:20px;letter-spacing:0px;padding-bottom:10px;}
	.factoryonecon>hgroup>dl dl{margin-top:10px;font-size:14px;}
	.factoryonecon>hgroup>dl dl>dt{width:150px;}
	.factoryonecon>hgroup>dl dl>dd{padding:10px 0px 10px 10px;width:calc(100% - 150px);}
	.factoryonecon>hgroup>dl dl>dd>p>span{width:16px;}
	.factoryonecon>hgroup>dl dl>dd>p>em{width:calc(100% - 16px);}
	.factoryonecon>hgroup>dl>dd{padding:15px;width:calc(50% - 10px);}
	.common_tit{letter-spacing:6px;}
	.common_tit>p{font-size:20px;}
	.common_tit>h2{margin-top:10px;font-size:22px;}
}
@media screen and (max-width: 768px) {
	.factoryonecon>hgroup{margin-top:40px;}
	.factoryonecon>hgroup>dl{display:block;}
	.factoryonecon>hgroup>dl:after{top:49%;left:0;width:100%;height:1px;}
	.factoryonecon>hgroup>dl>dt{width:100%;}
	.factoryonecon>hgroup>dl h3{font-size:18px;}
	.factoryonecon>hgroup>dl dl{display:block;}
	.factoryonecon>hgroup>dl dl>dt{width:100%;border-bottom:none;}
	.factoryonecon>hgroup>dl dl>dd{padding:0px 0px 10px;width:100%;}
	.factoryonecon>hgroup>dl dl>dd>p>span{width:14px;}
	.factoryonecon>hgroup>dl dl>dd>p>em{width:calc(100% - 14px);}
	.factoryonecon>hgroup>dl>dd{margin-top:60px;padding:10px;width:100%;}
	.common_tit{letter-spacing:4px;}
	.common_tit>p{font-size:18px;}
	.common_tit>h2{font-size:18px;}
}


.systemone{padding:100px 40px;}
.systemonecon{margin:0 auto;max-width:1320px;width:100%;color:#fff;}
.systemonecon>h2{font-size:24px;text-align:center;letter-spacing:5px;line-height:1.2;}
.systemonecon>p{margin-top:40px;text-align:center;line-height:2;}
.systemonecon>dl{margin-top:100px;display:flex;justify-content:space-between;padding-bottom:30px;border-bottom:1px dotted #fff;}
.systemonecon>dl>dt{width:calc(50% - 30px);}
.systemonecon>dl>dt>p{margin-top:20px;text-align:center;}
.systemonecon>dl>dt>hgroup{margin-top:20px;}
.systemonecon>dl>dt>hgroup>p{display:flex;justify-content:space-between;line-height:1.8;}
.systemonecon>dl>dt>hgroup>p>span{width:30px;}
.systemonecon>dl>dt>hgroup>p>em{width:calc(100% - 30px);font-style:normal;}
.systemonecon>hgroup{margin-top:80px;}
.systemonecon>hgroup>h3{padding-left:40px;padding-bottom:15px;font-size:24px;border-bottom:1px solid #fff;}
.systemonecon>hgroup>div{margin-top:20px;padding-bottom:100px;border-bottom:1px solid #fff;}
.systemonecon>hgroup>div>p{display:flex;justify-content:space-between;line-height:1.8;}
.systemonecon>hgroup>div>p>span{width:40px;text-align:center;}
.systemonecon>hgroup>div>p>em{width:calc(100% - 40px);font-style:normal;}
@media screen and (max-width: 1520px) {
	.systemone{padding:80px 20px;}
	.systemonecon>h2{font-size:22px;letter-spacing:4px;}
	.systemonecon>p{margin-top:30px;}
	.systemonecon>dl{margin-top:80px;padding-bottom:20px;}
	.systemonecon>dl>dt{width:calc(50% - 20px);}
	.systemonecon>dl>dt>hgroup>p>span{width:26px;}
	.systemonecon>dl>dt>hgroup>p>em{width:calc(100% - 26px);}
	.systemonecon>hgroup{margin-top:60px;}
	.systemonecon>hgroup>h3{padding-left:30px;padding-bottom:13px;font-size:22px;}
	.systemonecon>hgroup>div{padding-bottom:80px;}
	.systemonecon>hgroup>div>p>span{width:34px;}
	.systemonecon>hgroup>div>p>em{width:calc(100% - 34px);}
}
@media screen and (max-width: 1080px) {
	.systemone{padding:60px 20px;}
	.systemonecon>h2{font-size:20px;letter-spacing:3px;}
	.systemonecon>p{margin-top:20px;}
	.systemonecon>dl{margin-top:60px;padding-bottom:15px;}
	.systemonecon>dl>dt{width:calc(50% - 10px);}
	.systemonecon>dl>dt>hgroup>p>span{width:22px;}
	.systemonecon>dl>dt>hgroup>p>em{width:calc(100% - 22px);}
	.systemonecon>hgroup{margin-top:40px;}
	.systemonecon>hgroup>h3{padding-left:20px;padding-bottom:10px;font-size:20px;}
	.systemonecon>hgroup>div{padding-bottom:60px;}
	.systemonecon>hgroup>div>p>span{width:30px;}
	.systemonecon>hgroup>div>p>em{width:calc(100% - 30px);}
}
@media screen and (max-width: 780px) {
	.systemonecon>h2{font-size:18px;letter-spacing:2px;}
	.systemonecon>dl{margin-top:40px;padding-bottom:12px;display:block;}
	.systemonecon>dl>dt{width:100%;}
	.systemonecon>dl>dt>hgroup>p>span{width:18px;}
	.systemonecon>dl>dt>hgroup>p>em{width:calc(100% - 18px);}
	.systemonecon>dl>dt:last-child{margin-top:30px;}
	.systemonecon>hgroup{margin-top:30px;}
	.systemonecon>hgroup>h3{padding-left:0px;font-size:18px;}
	.systemonecon>hgroup>div{padding-bottom:40px;}
	.systemonecon>hgroup>div>p>span{width:28px;}
	.systemonecon>hgroup>div>p>em{width:calc(100% - 28px);}
}

.systemtwo{position:relative;padding:0px 40px 100px;}
.systemtwo:before{position:absolute;left:0;bottom:0;content:"";width:100%;height:300px;background:url(img/bg.jpg);}
.systemtwocon{position:relative;z-index:2;margin:0 auto;max-width:1320px;width:100%;color:#fff;}
.systemtwocon>h2{font-size:24px;text-align:center;letter-spacing:5px;line-height:1.2;}
.systemtwocon>h3{margin-top:40px;font-size:20px;text-align:center;font-weight:500;}
.systemtwocon>dl{margin-top:60px;display:flex;flex-flow:wrap;justify-content:space-between;}
.systemtwocon>dl>dt{padding:20px;width:calc(50% - 30px);color:#333;background:#fff;}
.systemtwocon>dl>dt>h3{font-size:24px;color:#20669c;text-align:center;}
.systemtwocon>dl>dt>h3>span{display:block;font-size:20px;}
.systemtwocon>dl>dt.dt02>h3{color:#43a19e;}
.systemtwocon>dl>dt>div{margin-top:20px;font-size:16px;}
.systemtwocon>dl>dt>div>p{display:flex;justify-content:space-between;line-height:1.8;}
.systemtwocon>dl>dt>div>p>span{width:22px;}
.systemtwocon>dl>dt>div>p>em{width:calc(100% - 22px);font-style:normal;}
.systemtwocon>dl>dt>table{margin-top:40px;width:100%;}
.systemtwocon>dl>dt>table>tbody>tr>td:first-child{padding:15px 10px;width:130px;color:#fff;text-align:center;vertical-align:center;font-weight:bold;background:#2c6f8b;border:1px solid #cdcdcd;}
.systemtwocon>dl>dt>table>tbody>tr>td{padding:15px 10px;width:calc(100% - 130px);border:1px solid #cdcdcd;}
.systemtwocon>dl>dt.dt02>table>tbody>tr>td:first-child{background:#43a19e;}
.systemtwocon>dl>dt>hgroup{margin-top:30px;padding:20px 0 0 20px;background:#20669c;border:1px solid #cdcdcd;border-bottom:none;border-right:none;}
.systemtwocon>dl>dt.dt02>hgroup{background:#318481;}
.systemtwocon>dl>dt>hgroup>h3{font-size:16px;color:#fff;}
.systemtwocon>dl>dt>hgroup>table{margin-top:20px;margin-left:10px;width:calc(100% - 10px);font-size:16px;}
.systemtwocon>dl>dt>hgroup>table>tbody>tr>td:first-child{padding:15px 10px;width:100px;color:#fff;text-align:center;vertical-align:center;font-weight:bold;background:#51a0dc;border:1px solid #cdcdcd;border-left:none;border-top:none;}
.systemtwocon>dl>dt.dt02>hgroup>table>tbody>tr>td:first-child{background:#43a19e;}
.systemtwocon>dl>dt>hgroup>table>tbody>tr>td{padding:15px 10px;width:calc(100% - 100px);border:1px solid #cdcdcd;background:#fff;}
.systemtwocon>dl>dt>hgroup>table>tbody>tr>td>p{display:flex;justify-content:space-between;line-height:1.8;}
.systemtwocon>dl>dt>hgroup>table>tbody>tr>td>p>span{width:16px;}
.systemtwocon>dl>dt>hgroup>table>tbody>tr>td>p>em{width:calc(100% - 16px);font-style:normal;}
.systemtwocon>dl>dt>hgroup.table02{background:#288fba;}
.systemtwocon>dl>dt>hgroup.table02>table>tbody>tr>td:first-child{background:#327b9b;}
.systemtwocon>dl>dt.dt02>hgroup.table02{background:#5ec2bf;}
.systemtwocon>dl>dt.dt02>hgroup.table02>table>tbody>tr>td:first-child{background:#458d9d;}
@media screen and (max-width: 1520px) {
	.systemtwo{padding:0px 20px 80px;}
	.systemtwocon>h2{font-size:22px;letter-spacing:4px;}
	.systemtwocon>h3{margin-top:30px;font-size:18px;}
	.systemtwocon>dl{margin-top:50px;}
	.systemtwocon>dl>dt{width:calc(50% - 20px);}
	.systemtwocon>dl>dt>h3{font-size:22px;}
	.systemtwocon>dl>dt>h3>span{font-size:18px;}
	.systemtwocon>dl>dt>div{font-size:14px;}
	.systemtwocon>dl>dt>div>p>span{width:20px;}
	.systemtwocon>dl>dt>div>p>em{width:calc(100% - 20px);}
	.systemtwocon>dl>dt>table{margin-top:30px;}
	.systemtwocon>dl>dt>table>tbody>tr>td:first-child{padding:12px 10px;width:100px;}
	.systemtwocon>dl>dt>table>tbody>tr>td{padding:12px 10px;width:calc(100% - 100px);}
	.systemtwocon>dl>dt>hgroup{margin-top:20px;}
	.systemtwocon>dl>dt>hgroup>h3{font-size:14px;}
	.systemtwocon>dl>dt>hgroup>table{font-size:14px;}
	.systemtwocon>dl>dt>hgroup>table>tbody>tr>td:first-child{padding:12px 10px;width:80px;}
	.systemtwocon>dl>dt>hgroup>table>tbody>tr>td{padding:12px 10px;width:calc(100% - 80px);}
	.systemtwocon>dl>dt>hgroup>table>tbody>tr>td>p>span{width:14px;}
	.systemtwocon>dl>dt>hgroup>table>tbody>tr>td>p>em{width:calc(100% - 14px);}
}
@media screen and (max-width: 1080px) {
	.systemtwo{padding:0px 20px 60px;}
	.systemtwocon>h2{font-size:20px;letter-spacing:3px;}
	.systemtwocon>h3{margin-top:20px;font-size:16px;}
	.systemtwocon>dl{margin-top:40px;}
	.systemtwocon>dl>dt{width:calc(50% - 10px);}
	.systemtwocon>dl>dt>h3{font-size:20px;}
	.systemtwocon>dl>dt>h3>span{font-size:16px;}
	.systemtwocon>dl>dt>div{font-size:12px;}
	.systemtwocon>dl>dt>div>p>span{width:18px;}
	.systemtwocon>dl>dt>div>p>em{width:calc(100% - 18px);}
	.systemtwocon>dl>dt>table{margin-top:20px;}
	.systemtwocon>dl>dt>table>tbody>tr>td:first-child{padding:10px;width:80px;}
	.systemtwocon>dl>dt>table>tbody>tr>td{padding:12px 10px;width:calc(100% - 80px);}
	.systemtwocon>dl>dt>hgroup>h3{font-size:12px;}
	.systemtwocon>dl>dt>hgroup>table{font-size:12px;}
	.systemtwocon>dl>dt>hgroup>table>tbody>tr>td:first-child{padding:10px;width:50px;}
	.systemtwocon>dl>dt>hgroup>table>tbody>tr>td{padding:12px 10px;width:calc(100% - 50px);}
	.systemtwocon>dl>dt>hgroup>table>tbody>tr>td>p>span{width:12px;}
	.systemtwocon>dl>dt>hgroup>table>tbody>tr>td>p>em{width:calc(100% - 12px);}
}
@media screen and (max-width: 768px) {
	.systemtwocon>h2{font-size:18px;letter-spacing:2px;}
	.systemtwocon>h3{font-size:14px;}
	.systemtwocon>dl{margin-top:30px;display:block;}
	.systemtwocon>dl>dt{width:100%;}
	.systemtwocon>dl>dt>h3{font-size:18px;}
	.systemtwocon>dl>dt>h3>span{font-size:14px;}
	.systemtwocon>dl>dt>div>p>span{width:16px;}
	.systemtwocon>dl>dt>div>p>em{width:calc(100% - 16px);}
	.systemtwocon>dl>dt>table>tbody>tr>td:first-child{padding:5px;width:70px;}
	.systemtwocon>dl>dt>table>tbody>tr>td{padding:12px 10px;width:calc(100% - 70px);}
	.systemtwocon>dl>dt>hgroup>table{margin-left:0;width:100%;}
	.systemtwocon>dl>dt>hgroup>table>tbody>tr>td:first-child{padding:5px;width:20px;}
	.systemtwocon>dl>dt>hgroup>table>tbody>tr>td{padding:5px;width:calc(100% - 20px);}
}


.servicesone{padding:100px 40px;}
.servicestwo{background:#1b1b1b;}
.servicesthree{background:url(img/bg.jpg);}
.servicesonecon{margin:0 auto;max-width:1420px;width:100%;}
.servicesonecon>ul{display:flex;justify-content:space-between;}
.servicesonecon>ul>li{width:calc(33.33% - 20px);}
.servicesonecon>ul>li>a{display:block;padding:20px;font-size:20px;color:#fff;letter-spacing:5px;text-align:center;font-weight:bold;background:#484848;box-shadow:0 5px 10px #000;transition:.3s;}
.servicesonecon>ul>li>a:hover{text-decoration:none;background:#033169;}
.servicesonecon>h2{margin-top:200px;font-size:30px;color:#fff;}
.servicesonecon>h2>span{letter-spacing:10px;}
.servicestwocon>h2{margin-top:0px;}
.servicesthreecon>h2{margin-top:0px;}
.servicesonecon>hgroup{margin-top:40px;color:#fff;}
.servicesonecon>hgroup>p{display:flex;justify-content:space-between;margin:20px 0;line-height:1.8;}
.servicesonecon>hgroup>p>span{width:22px;}
.servicesonecon>hgroup>p>em{width:calc(100% - 22px);font-style:normal;}
.servicesonecon>dl{margin-top:40px;padding:48px;display:flex;justify-content:space-between;background:#1b1b1b;box-shadow:0 10px 15px #000;}
.servicestwocon>dl{background:url(img/bg.jpg);}
.servicesonecon>dl>dt{width:calc(50% - 50px);}
.servicesonecon>dl>dt>figure{border:1px solid #fff;box-shadow:0 10px 10px #000;}
.servicesonecon>dl>dt>figure:after{padding-top:75%;}
.servicesonecon>dl>dd{width:calc(50% - 50px);}
.servicesonecon>dl>dd .tit01>p{position:relative;padding-bottom:20px;font-size:22px;color:#003f8e;font-weight:bold;text-shadow:2px 2px 0 #fff,-2px -2px 0 #fff,-2px 2px 0 #fff,2px -2px 0 #fff;}
.servicesonecon>dl>dd .tit01>p:after{position:absolute;left:0;bottom:0;content:"";width:100%;height:1px;background-image:linear-gradient(to right,#c0e3e2,#062a29);}
.servicesonecon>dl>dd .tit01>h2{margin-top:10px;font-size:36px;color:#fff;letter-spacing:10px;padding-bottom:10px;}
.servicesonecon>dl>dd>hgroup{margin-top:60px;}
.servicesonecon>dl>dd>hgroup>p{display:flex;justify-content:space-between;margin:20px 0;font-size:22px;color:#fff;line-height:1.8;}
.servicesonecon>dl>dd>hgroup>p>span{width:22px;}
.servicesonecon>dl>dd>hgroup>p>em{width:calc(100% - 22px);font-style:normal;}
.servicesonecon>dl>dd>hgroup>div{margin-top:20px;}
.servicesonecon>dl>dd>hgroup>div>a{display:inline-block;padding:10px 15px;font-size:20px;color:#fff;font-weight:bold;background:#004895;box-shadow:0 5px 8px #000;transition:.3s;}
.servicesonecon>dl>dd>hgroup>div>a:first-child{margin-right:20px;}
.servicesonecon>dl>dd>hgroup>div>a:hover{text-decoration:none;opacity:.8;}
@media screen and (max-width: 1520px) {
	.servicesone{padding:80px 20px;}
	.servicesonecon>ul>li{width:calc(33.33% - 10px);}
	.servicesonecon>ul>li>a{font-size:18px;letter-spacing:3px;}
	.servicesonecon>h2{margin-top:150px;font-size:26px;}
	.servicesonecon>h2>span{letter-spacing:8px;}
	.servicesonecon>hgroup{margin-top:30px;}
	.servicesonecon>hgroup>p{margin:15px 0;}
	.servicesonecon>hgroup>p>span{width:20px;}
	.servicesonecon>hgroup>p>em{width:calc(100% - 20px);}
	.servicesonecon>dl{margin-top:30px;padding:38px;}
	.servicesonecon>dl>dt{width:calc(50% - 40px);}
	.servicesonecon>dl>dd{width:calc(50% - 40px);}
	.servicesonecon>dl>dd .tit01>p{padding-bottom:15px;font-size:20px;text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff;}
	.servicesonecon>dl>dd .tit01>h2{font-size:34px;letter-spacing:8px;}
	.servicesonecon>dl>dd>hgroup{margin-top:50px;}
	.servicesonecon>dl>dd>hgroup>p{margin:15px 0;font-size:18px;}
	.servicesonecon>dl>dd>hgroup>p>span{width:20px;}
	.servicesonecon>dl>dd>hgroup>p>em{width:calc(100% - 20px);}
	.servicesonecon>dl>dd>hgroup>div>a{font-size:18px;}
}
@media screen and (max-width: 1080px) {
	.servicesone{padding:60px 20px;}
	.servicesonecon>ul>li{width:calc(33.33% - 5px);}
	.servicesonecon>ul>li>a{font-size:16px;letter-spacing:2px;}
	.servicesonecon>h2{margin-top:100px;font-size:22px;}
	.servicesonecon>h2>span{letter-spacing:6px;}
	.servicesonecon>hgroup{margin-top:20px;}
	.servicesonecon>hgroup>p{margin:10px 0;}
	.servicesonecon>hgroup>p>span{width:18px;}
	.servicesonecon>hgroup>p>em{width:calc(100% - 18px);}
	.servicesonecon>dl{margin-top:20px;padding:28px;}
	.servicesonecon>dl>dt{width:calc(50% - 20px);}
	.servicesonecon>dl>dd{width:calc(50% - 20px);}
	.servicesonecon>dl>dd .tit01>p{font-size:18px;}
	.servicesonecon>dl>dd .tit01>h2{font-size:18px;letter-spacing:6px;}
	.servicesonecon>dl>dd>hgroup{margin-top:30px;}
	.servicesonecon>dl>dd>hgroup>p{margin:15px 0;font-size:14px;}
	.servicesonecon>dl>dd>hgroup>p>span{width:18px;}
	.servicesonecon>dl>dd>hgroup>p>em{width:calc(100% - 18px);}
	.servicesonecon>dl>dd>hgroup>div>a{margin:5px 0;font-size:16px;}
}
@media screen and (max-width: 780px) {
	.servicesonecon>ul>li{width:calc(33.33% - 5px);}
	.servicesonecon>ul>li>a{display:flex;align-items:center;justify-content:center;height:100%;font-size:14px;letter-spacing:0px;}
	.servicesonecon>h2{margin-top:60px;font-size:18px;}
	.servicesonecon>h2>span{letter-spacing:4px;}
	.servicesonecon>hgroup{margin-top:20px;}
	.servicesonecon>hgroup>p{margin:5px 0;}
	.servicesonecon>hgroup>p>span{width:16px;}
	.servicesonecon>hgroup>p>em{width:calc(100% - 16px);}
	.servicesonecon>dl{display:block;padding:10px;}
	.servicesonecon>dl>dt{width:100%;}
	.servicesonecon>dl>dd{margin-top:20px;width:100%;}
	.servicesonecon>dl>dd .tit01>p{font-size:16px;}
	.servicesonecon>dl>dd .tit01>h2{font-size:16px;letter-spacing:4px;}
	.servicesonecon>dl>dd>hgroup{margin-top:20px;}
	.servicesonecon>dl>dd>hgroup>div{margin-top:10px;}
	.servicesonecon>dl>dd>hgroup>p{margin:10px 0;}
	.servicesonecon>dl>dd>hgroup>p>span{width:16px;}
	.servicesonecon>dl>dd>hgroup>p>em{width:calc(100% - 16px);}
	.servicesonecon>dl>dd>hgroup>div>a{font-size:14px;}
}


.crossroadone{padding:100px 40px;}
.crossroadtwo{background:url(img/bg.jpg);}
.crossroadthree{background:#1b1b1b;}
.crossroadonecon{margin:0 auto;max-width:1320px;width:100%;}
.crossroadonecon>h2{font-size:70px;color:#b3b3b3;text-align:center;line-height:1;font-family:"Noto Serif JP",serif;}
.crossroadonecon>h3{display:flex;align-items:center;justify-content:center;position:relative;margin-top:40px;text-align:center;}
.crossroadonecon>h3>hr{width:150px;height:1px;border:none;background:#a3c6fd;}
.crossroadonecon>h3>span{padding:0 40px;font-size:34px;background: -webkit-linear-gradient(#b1a3c6, #b0eaec);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.crossroadonecon>p{margin-top:60px;font-size:24px;text-align:center;color:#fff;}
.crossroadonecon>dl{margin-top:40px;display:flex;flex-flow:wrap;justify-content:space-between;font-size:23px;}
.crossroadonecon>dl>dt{margin-top:20px;padding:20px;width:300px;color:#fff;font-weight:bold;border:1px solid #fff;background:#2c3f71;}
.crossroadonecon>dl>dd{margin-top:20px;padding:20px;width:calc(100% - 300px);border:1px solid #fff;background:#fff;}
.crossroadonecon>hr{margin-top:100px;}
.crossroadonecon .tit01{margin-top:80px;}
.crossroadonecon .tit01>h2{font-size:24px;color:#fff;text-align:center;}
.crossroadonecon>figure{margin-top:60px;display:flex;justify-content:center;}
@media screen and (max-width: 1520px) {
	.crossroadone{padding:80px 20px;}
	.crossroadonecon>h2{font-size:56px;}
	.crossroadonecon>h3{margin-top:30px;}
	.crossroadonecon>h3>hr{width:100px;}
	.crossroadonecon>h3>span{padding:0 30px;font-size:30px;}
	.crossroadonecon>p{margin-top:50px;font-size:20px;}
	.crossroadonecon>dl{margin-top:30px;font-size:20px;}
	.crossroadonecon>dl>dt{margin-top:15px;padding:15px;width:260px;}
	.crossroadonecon>dl>dd{margin-top:15px;padding:15px;width:calc(100% - 260px);}
	.crossroadonecon>hr{margin-top:80px;}
	.crossroadonecon .tit01{margin-top:60px;}
	.crossroadonecon .tit01>h2{font-size:20px;}
	.crossroadonecon>figure{margin-top:40px;}
}
@media screen and (max-width: 1080px) {
	.crossroadone{padding:60px 20px;}
	.crossroadonecon>h2{font-size:42px;}
	.crossroadonecon>h3{margin-top:20px;}
	.crossroadonecon>h3>hr{width:50px;}
	.crossroadonecon>h3>span{padding:0 20px;font-size:24px;}
	.crossroadonecon>p{margin-top:40px;font-size:16px;}
	.crossroadonecon>dl{margin-top:20px;font-size:16px;}
	.crossroadonecon>dl>dt{margin-top:10px;padding:10px;width:220px;}
	.crossroadonecon>dl>dd{margin-top:10px;padding:10px;width:calc(100% - 220px);}
	.crossroadonecon>hr{margin-top:60px;}
	.crossroadonecon .tit01{margin-top:40px;}
	.crossroadonecon .tit01>h2{font-size:16px;}
	.crossroadonecon>figure{margin-top:30px;}
}
@media screen and (max-width: 780px) {
	.crossroadonecon>h2{font-size:30px;}
	.crossroadonecon>h3>hr{width:20px;}
	.crossroadonecon>h3>span{font-size:20px;}
	.crossroadonecon>p{margin-top:30px;font-size:14px;}
	.crossroadonecon>dl{font-size:14px;}
	.crossroadonecon>dl>dt{margin-top:10px;width:100%;}
	.crossroadonecon>dl>dd{margin-top:0px;width:100%;}
	.crossroadonecon>hr{margin-top:40px;}
	.crossroadonecon .tit01{margin-top:30px;}
	.crossroadonecon .tit01>h2{font-size:14px;}
	.crossroadonecon>figure{margin-top:20px;}
}

.dlsep{display:flex;justify-content:space-between;}
.dlsep>dd{width:calc(100% - 200px);}
.dlsep>dd>.personcardinfo{width:100%;}
@media screen and (max-width: 1520px) {
    .dlsep>dd>.personcardinfo {
        width:100%;
    }
}
@media screen and (max-width: 780px){
	.dlsep{display:block;}
	.dlsep>dt{width:100%;}
	.dlsep>dd{margin-top:20px;width:100%;}
}

/*.main-navigation .sub-menu */
.mainnavigation>ul>li>.sub-menu{display:none;position:absolute;z-index:6;left:50%;top:100%;min-width:220px;width:100%;background:#003f8e;transform:translateX(-50%);}
.mainnavigation>ul>li>.sub-menu>li{border-bottom:1px solid #7594b5;}
.mainnavigation>ul>li>.sub-menu>li>a{display:block;padding:10px 0;width:100%;font-size:14px;color:#fff;text-align:center;}
.mainnavigation>ul>li>.sub-menu>li>a>h3{font-weight:400;}
.mainnavigation>ul>li>.sub-menu>li>a:hover{text-decoration:none;background:#000;}
.mainnavigation>ul>li.menu-item-has-children:hover>.sub-menu{display:block;}
@media screen and (max-width:1520px){
	.mainnavigation>ul>li>.sub-menu{min-width:180px;}
	.mainnavigation>ul>li>.sub-menu>li>a{padding:8px 0;font-size:12px;}
}
@media screen and (max-width:1080px){
	.mainnavigation>ul>li>.sub-menu{min-width:150px;}
	.mainnavigation>ul>li>.sub-menu>li>a{padding:6px 0;font-size:10px;}
}
@media screen and (max-width:768px){
	.menu-item-has-children>a:hover:after{border-color:#333 transparent transparent transparent;}
	.menu-item-has-children>.choose:after{content:'';display:inline-block;width:0;height:0;border-width:7px;border-style:solid;border-color:transparent transparent #fff transparent;margin:0 0 2px 5px;}
}



.sp-wrapper>ul>li>a.navcurrentA{background:#fff;color:#333;}
.sp-wrapper>ul>li>a.navcurrentA:after{
	border-width:7px 7px 0;
    border-style:solid;
    border-color:#333 transparent transparent transparent;
	-webkit-transform:rotate(-180deg);
	transform:rotate(-180deg);margin-bottom: 1px;
}
.sp-wrapper ul li a{display:block;padding:8px 0;text-align:center;color:#fff;text-transform:uppercase;text-decoration:none;
    -webkit-transition:0.3s;
    transition:0.3s;
}
.sp-wrapper ul li a:hover{background:#f2f2f2;color:#000;}
.sp-wrapper ul li a span{display:none;}
@media screen and (max-width:768px){
	.menu-item-has-children{padding-bottom:0px;}
	.menu-item-has-children>a:after{content:'';display:inline-block;width:0;height:0;border-width:7px;border-style:solid;border-color:#fff transparent transparent transparent;margin:0 0 -5px 5px;}
	.menu-item-has-children>a:hover:after{border-color:#333 transparent transparent transparent;}
}


.boxcont{margin-bottom:100px;color:#fff;}
.boxcont>h2{font-size:40px;text-align:center;}
.boxcont>p{margin-top:40px;}
.boxcont>p.p01{margin-top:20px;}
.boxcont>h3{margin-top:60px;font-size:24px;}
.more{margin-top:60px;display:flex;align-items:center;justify-content:center;line-height:1;}
.more a{display:flex;align-items:center;position:relative;padding:16px 60px;line-height:1;overflow:hidden;font-size:18px;color:#fff;text-transform:uppercase;border:2px solid #fff;
	-webkit-transition:0.3s;
    transition:0.3s;
}
.more a:hover{text-decoration:none;color:#fff;background:#000;}
@media screen and (max-width:1520px){
	.boxcont{margin-bottom:80px;}
	.boxcont>h2{font-size:34px;}
	.boxcont>p{margin-top:30px;}
	.boxcont>p.p01{margin-top:15px;}
	.boxcont>h3{margin-top:50px;font-size:22px;}
	.more{margin-top:50px;}
	.more a{padding:14px 50px;font-size:16px;}
}
@media screen and (max-width:1080px){
	.boxcont{margin-bottom:60px;}
	.boxcont>h2{font-size:28px;}
	.boxcont>p{margin-top:20px;}
	.boxcont>p.p01{margin-top:10px;}
	.boxcont>h3{margin-top:40px;font-size:20px;}
	.more{margin-top:40px;}
	.more a{padding:12px 40px;font-size:14px;}
}
@media screen and (max-width:780px){
	.boxcont>h2{font-size:24px;}
	.boxcont>h3{margin-top:30px;font-size:18px;}
	.more{margin-top:30px;}
	.more a{padding:10px 30px;}
}