body {
    font-family: "Lato", "YakuHanJP", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic",sans-serif;
    -webkit-text-size-adjust: 100%;
    color: #040621;
}

/* Material iconsを利用する */
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* 推奨サイズ */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    /* WebKitブラウザサポート */
    -webkit-font-smoothing: antialiased;
    /* Chrome、Safariサポート */
    text-rendering: optimizeLegibility;
    /* Firefoxサポート */
    -moz-osx-font-smoothing: grayscale;
    /* IEサポート */
    font-feature-settings: 'liga';
}
.pc {
}
.sp {
    display: none ! important;
}
abbr {
    position: relative;
}
sup {
    font-size: 23px;
    position: relative;
    top: -15px;
    left: 0px;
}
* {
    box-sizing: border-box;
}

.sa {
opacity: 0;
transition: all 1.5s ease;
}
.sa.show {
opacity: 1;
transform: none;
}
.sa--lr {
transform: translate(-100px, 0);
}
.sa--rl {
transform: translate(100px, 0);
}
.sa--up {
transform: translate(0, 100px);
}
.sa--down {
transform: translate(0, -100px);
}
.sa--scaleUp {
transform: scale(.5);
}
.sa--scaleDown {
transform: scale(1.5);
}
.sa--rotateL {
transform: rotate(180deg);
}
.sa--rotateR {
transform: rotate(-180deg);
}


/*header
*****************************************************************/

header {
    position: fixed;
    /*z-index: 9999;*/
    width: 100%;
    height: 92px;
    z-index: 200;
    background:#fff;
    border-top:5px solid #132EDF;
    box-shadow : 0 0px 8px rgb(172 197 207 / 70%)
}
header .headerInner{
	position:relative;
    max-width: 1380px;
    min-width: 1100px;;
    padding:0 20px;
    margin:0 auto;

}

header h1 {
	position:absolute;
	top:-4px;
	left:20px;
    display: block;
    background:#fff url(../images/logo.png) no-repeat center center;
    background-size: auto 80px;
    width: 142px;
    height: 91px;
    border-top:4px solid #132EDF;
  /*  border-radius:0 0 5px 5px;
    box-shadow : 0 0px 8px rgb(172 197 207 / 70%)*/
}
header h1 a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}
header .menu-state, header .sp_btn {
    display: none;
}
header nav {
    float: right;
    position: relative;
}
header nav li {
    float: left;
}
header nav li.select {
/*
    box-shadow : 0px 0px 0px 3px #fff inset, 0px -6px 0px 0px #132DDF inset;
    */
}
header nav li a {
    position: relative;
    display: block;
    color: #3b3d50;
    text-align: center;
    text-decoration: none;
    line-height: 18px;
    padding: 30px 11px 38px 11px;
    font-size: 14px;
    font-weight: bold;
    background:url(../images/header_arrow.png) no-repeat center bottom 26px;
	background-size:11px auto;
}
.scene header nav li.sk_02 a, .fullstack header nav li.sk_05 a, header nav li.select a, header nav li.active a, header nav li a:hover, header nav li.select p, header nav li.active p, header nav li p:hover {
    color: #142ddf;
}
header nav li a i {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -12px;
}
header nav li.blue_li {
	float:left;
}
header nav li.blue_li a {
    display: block;
    background: #557ae9;
    width: 180px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    margin: 0 0 0 30px;
    font-size: 15px;
    line-height: 35px;
    cursor: pointer;
    font-weight: bold;
    padding:0 0 0 0;
    border-radius:3px;
}
header nav li.blue_li .login a {
    background: #fff;
    border:1px solid #dfdfdf;
    color:#000;
    margin:5px 0 5px 15px;
    
}
header nav li.blue_li .link a {
    background: #132ddf;
    margin: 0 0 0 15px;
    
}
header nav li.blue_li p{
	padding:0 0 0 20px;
text-align:center;
    background:url(../images/h_contact_icon.png) no-repeat left 15px center;
	background-size:10px auto;
    
}
header nav li.blue_li .login p{
	padding:0 0 0 0;
    background:none;
}
header nav li.blue_li a:hover{
	opacity:0.8;

}
header nav li.blue_li .login p:hover{
	background:#dfdfdf;
    color: #000;

}
header nav li.blue_li p:hover{
	opacity:0.8;
    color: #fff;

}
header nav li.blue_li.loginclose {
    display: none;
}
.login header nav li.blue_li.splogin {
    display: none;
}
header nav .pclogin {
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}
header nav .pclogin .close {
    padding: 0 0 0 106px;
    position: relative;
}
header nav .pclogin .close p {
    display: block;
    position: relative;
    background: #142ddf;
    width: 106px;
    height: 86px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 54px 0 14px 0;
    font-size: 12px;
    line-height: 18px;
    cursor: pointer;
}
header nav .pclogin .close p::before {
    content: '';
    width: 15px;
    height: 15px;
    display: block;
    border-top: solid 1px;
    border-right: solid 1px;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -22px;
    margin-right: 2px;
}
header nav .pclogin .close p::after {
    content: '';
    width: 15px;
    height: 15px;
    display: block;
    border-top: solid 1px;
    border-right: solid 1px;
    transform: rotate(225deg);
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -22px;
    margin-right: -19px;
}
header nav .pclogin .close p:hover {
    background: #7584ef;
}
header nav .pclogin .list {
    width: 212px;
    background: #142ddf;
    padding: 6px;
}
header nav .pclogin .list dt {
    width: 100%;
    ;
    background: #fff;
    border-top: 1px solid #d7d7d7;
    text-align: center;
}
header nav .pclogin .list dt a {
    display: block;
    text-align: center;
    width: 100%;
    padding: 12px 0;
    text-decoration: none;
    background: #fff;
}
header nav .pclogin .list dt a:hover {
    background: #F0F0F0;
}
header nav .pclogin .list dt a:hover span {
    color: #132DDF;
}
header nav .pclogin .list dt img {
    width: 128px;
    vertical-align: top;
    padding: 0 0 5px 0;
}
header nav .pclogin .list dt span {
    display: block;
    text-align: center;
    color: #040621;
    font-size: 14px;
    line-height: 20px;
}
header .scenemenu {
    display: none;
    position: absolute;
    top: 86px;
    background: rgba(0,0,0,0.8);
    width: 100%;
    border-bottom: 2px solid #142dde;
    padding: 30px 0 60px 0;
    z-index: 9999;
}
header .scenemenu .inner {
    position: relative;
    max-width: 1040px;
    margin: 0 auto;
    padding: 0 50px;
}
header .scenemenu .inner .title {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    padding: 0 0 35px 20px;
}
header .scenemenu .inner ul {
    width: 100%;
}
header .scenemenu .inner li {
    float: left;
    width: 33.3%;
    padding: 0 25px 0 25px;
}
header .scenemenu .inner li .liinner {
    background: #fff;
    border-radius: 3px;
    padding: 10px 10px 0 10px;
    overflow: hidden;
}
header .scenemenu .inner li .liinner dt {
    background-size: cover;
    padding: 10px 20px;
}
header .scenemenu .inner li .liinner dt a {
    display: block;
    position: relative;
    background: rgba(20,45,222,0.9);
    padding: 20px 25px 20px 10px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
}
header .scenemenu .inner li .liinner dt a::before {
    content: '';
    width: 8px;
    height: 8px;
    display: block;
    border-top: solid 1px;
    border-right: solid 1px;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -5px;
}
header .scenemenu .inner li .liinner dt a:hover {
    background: rgba(43,66,224,0.6);
}
header .scenemenu .inner li .liinner dd {
    position: relative;
    border-bottom: 1px solid #d8d8d8;
}
header .scenemenu .inner li .liinner dd a {
    display: block;
    /*padding:13px 0;*/
    line-height: 20px;
    font-size: 16px;
    color: #040621;
    padding: 15px 30px 15px 15px;
    text-decoration: none;
}
header .scenemenu .inner li .liinner dd ::before {
    content: '';
    width: 8px;
    height: 8px;
    display: block;
    border-top: solid 1px #142dde;
    border-right: solid 1px #142dde;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -5px;
}
header .scenemenu .inner li .liinner dd a:hover {
    color: #142dde;
}
header .scenemenu .inner li .liinner dd:first-child {
    border-top: none;
}
header .scenemenu .inner .close {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 50px;
    height: 50px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    line-height: 50px;
}
header .scenemenu .inner .close::before {
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    border-top: solid 2px;
    border-right: solid 2px;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -22px;
    margin-right: 2px;
}
header .scenemenu .inner .close::after {
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    border-top: solid 2px;
    border-right: solid 2px;
    transform: rotate(225deg);
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -22px;
    margin-right: -27px;
}
header .scenemenu .inner .close:hover {
    opacity: 0.7;
}
.spnavigation {
    opacity: 0;
    display: none;
    width: 0;
    height: 0;
}
/*footer
*****************************************************************/

.grecaptcha-badge{
	right:-266px ! important;
}
.pageTop{
	display:none;
	position:fixed;
	bottom:17px;
	right:17px;
	width:50px;
	height:50px;
	background:#fff;
}

.pageTop p{
	width:50px;
	height:50px;
    background:#fff url(../images/pagetop_arrow.png) no-repeat center center;
    background-size:19px auto;
	border:1px solid #0153a7;
	cursor:pointer;
}
.pageTop p:hover{
    background:#e8f0f7 url(../images/pagetop_arrow.png) no-repeat center center;
    background-size:19px auto;
}


footer {
    margin: 0 0 0 0;
    background: #f4f6ff;
    color: #1f1f1f;
}
footer .footer_guide {
    padding: 30px 0 30px 0;
    margin: 0 auto;
    max-width: 1080px;
}
footer .footer_guide ul {
	text-align:center;
    width: 100%;
    font-size:0;
}
footer .footer_guide ul li {
    display: inline-block;
    padding:0 14px;
	text-align:center;
}
footer .footer_guide ul li a{
    padding:0;
    font-size:15px;
    line-height:30px;
    color:#1f1f1f;
    text-decoration:none;
}
footer .footer_guide ul li a:hover{
    color:#557ae9;
    text-decoration:underline;
}
footer .copyright {
    padding: 35px 0;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    background: #fff;
    color: #040621;
}
/*label
*****************************************************************/
#wrapper {
    overflow: hidden; /* はみ出た部分は表示しない */
    background: #fff;
    padding: 0 0 70px 0;
}
.wrapper.top {
    padding: 0 0 0 0;
}
.scene #wrapper {
    padding: 0 0 70px 0;
    background: #f0f0f0;
}
.wrapper_content {
    position: relative;
    width: 100%;
    background: #f0f0f0;
    padding: 50px 0 0 0;
    overflow:hidden;
}
.wrapper_content::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    border-top: 150px solid transparent;
    border-right: 0 solid transparent;
    border-left: 100vw solid #f7f7f7;
    border-bottom: 80px solid #f7f7f7;
}
.wrapper_content::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    border-top: 200px solid transparent;
    border-right: 0 solid transparent;
    border-left: 100vw solid #fff;
    border-bottom: 0 solid #fff;
}
.wrapper_content_inner {
    padding: 70px 100px 0px 100px;
    overflow: visible; /* はみ出た部分は表示しない */
    position: relative;
    max-width: 980px;
    background: #fff;
    margin: 0 auto;
    z-index: 1;
}
#wrapper h2 {
    padding: 70px 100px 200px 100px;
    overflow: visible; /* はみ出た部分は表示しない */
    position: relative;
    max-width: 980px;
    background: #fff;
    margin: 0 auto;
}


.pagetop{
    background:#fff url(../images/main.jpg) no-repeat center top 88px;

}

/*topSection
*****************************************************************/
.topSection{
	position:relative;
	width:100%;
    min-width: 1100px;
    height:725px;
}

.topSection .Outer{
position: relative;
		width:100%;
}
.topSection .Inner{
	margin:0 auto;
	padding:88px 0 0 0;
    width: 1100px;
    margin:0 auto;
}
.topSection .Inner .formBlock{
	margin:60px 0 0 0;
	margin-left:435px;
	width:655px;
	background:rgba(255,255,255,0.8);
	box-shadow: 0px 0px 17px -3px #082e55;
	position: absolute;
	z-index: 2;
}

.topSection .Inner .formBlock .fbsubTitle{
	padding:28px 0 28px;
	color:#000;
	border-bottom:1px solid #132ddf;
	width:490px;
	margin:0 auto;
	font-size:22px;
	line-height:1;
	font-weight:bold;
	text-align:center;
	letter-spacing: 3px;
}
.topSection .Inner .formBlock .fbTitle{
	padding:24px 0 0 0;
	margin:0 auto;
	font-size:52px;
	line-height:1;
	font-weight:700;
	text-align:center;
	color:#132ddf;
	letter-spacing: -0.05em;
}
.topSection .Inner .formBlock .fbTitle sup{
	font-size: 25px;
	position: relative;
	top: -10px;
	left: 0px;
	font-weight: normal;
}
.topSection .Inner .formBlock .fbTitle2{
	padding:2px 0 0 0;
	margin:8px auto 28px auto;
	font-size:32px;
	font-weight:700;
	text-align:center;
	color:#132ddf;
	line-height:1;
	/*font-family: 'Roboto Slab';
	transform: scale(1.1, 1);*/
}
.topSection .Inner .formBlock .fbTab{
	position:relative;
	width:493px;
	margin:0 auto;
	height:55px;
}
.topSection .Inner .formBlock .fbTab div{
	position:absolute;
	top:0;
	left:0;
	height:36px;
	width:165px;
	text-align:center;
	line-height:34px;
	color:#fff;
    background: url(../images/formtab_bg.png) no-repeat center center;
    background-size:165px;
}
.topSection .Inner .formBlock .fbTab div:nth-child(2){
	left:165px;
}
.topSection .Inner .formBlock .fbTab div:nth-child(3){
	left:330px;
}
.topSection .Inner .formBlock .fbsubText{
	margin:0 auto;
	font-size:17px;
	text-align:center;
	line-height:22px;
	padding:0 0 25px 0;
}

.topSection .Inner .formBlock .formOuter{
    background: url(../images/formblock_bg.png) no-repeat center top;
    background-size:auto 18px;
    padding-top:18px;
}
.topSection .Inner .formBlock .formOuter .formInner{
	position:relative;
    background:#132ddf;
    width:100%;
    padding:35px 30px 25px 30px;
}
.topSection .Inner .formBlock .formOuter .formInner .fTitle{
	position:absolute;
	top:-5px;
	left:0;
	text-align:center;
    width:100%;
    color:#fff;
    font-weight:bold;
    font-size:19px;
}
.topSection .Inner .formBlock .formOuter .formInner form div{
	position:relative;
}

.topSection .Inner .formBlock .formOuter .formInner form dl{
	position:absolute;
	top:5px;
	left:0;
	display:table;
	width:225px;
	z-index:5;
}
.topSection .Inner .formBlock .formOuter .formInner form dl:nth-child(2){
	position:absolute;
	top:5px;
	left:230px;
}
.topSection .Inner .formBlock .formOuter .formInner form dl:nth-child(3){
	position:absolute;
	top:50px;
	left:0;
}
.topSection .Inner .formBlock .formOuter .formInner form dl:nth-child(4){
	position:absolute;
	top:50px;
	left:230px;
}
.topSection .Inner .formBlock .formOuter .formInner form dl .head{
	display:table-cell;
	width:58px;
	color:#fff;
	font-size:14px;
	vertical-align:top;
}
.topSection .Inner .formBlock .formOuter .formInner form dl .body{
	display:table-cell;
	padding:1px 0 0 0;
}
.topSection .Inner .formBlock .formOuter .formInner form dl .cbody{
	display:block;
	font-size:12px;
	color:#fff;
	padding:8px 0 0 0;
}


.topSection .Inner .formBlock .formOuter .formInner form dl .cbody a{
	text-decoration:underline;
	color:#fff;
}
.topSection .Inner .formBlock .formOuter .formInner form dl .head .any{
	display:block;
	background:#5aa2eb;
	color:#fff;
	font-size:10px;
	/*line-height:14px;*/
	text-align:center;
	width:35px;
	border-radius:2px;
	padding: 0px 0 2px;
}

.topSection .Inner .formBlock .formOuter .formInner form dl .head .require{
	display:block;
	background:#df0b1a;
	color:#fff;
	font-size:10px;
	/*line-height:14px;*/
	text-align:center;
	width:35px;
	border-radius:2px;
	padding: 0px 0 2px;
}
.topSection .Inner .formBlock .formOuter .formInner form dl .body input[type="text"],
.topSection .Inner .formBlock .formOuter .formInner form dl .body input[type="tel"],
.topSection .Inner .formBlock .formOuter .formInner form dl .body input[type="email"]{
	padding:0 10px;
	font-size:16px;
	line-height:30px;
	color:#000;
	width:148px;
	border:none;
}

.topSection .Inner .formBlock .formOuter .formInner form .fBtn p{
text-align:right;
padding:1px 1px 5px;

}
.topSection .Inner .formBlock .formOuter .formInner form .wpcf7-confirm,
.topSection .Inner .formBlock .formOuter .formInner form .wpcf7-back{
	display:none;
}
.topSection .Inner .formBlock .formOuter .formInner form .wpcf7-submit{
	width:130px;
	height:85px;
	line-height:85px;
	color:#fff;
	border:none;
	border-radius:3px;
	box-shadow: 0px 2px 0px 2px #000000;
    font-weight:bold;
    font-size:20px;
    background:#5aa2eb url(../images/btn_arrow.png) no-repeat right 20px top 34px;
    background-size:10px auto;
    padding:0 10px 0 0;
}
.topSection .Inner .formBlock .formOuter .formInner form .wpcf7-submit:hover{
	box-shadow: 0px 2px 0px 1px #000000;
    font-weight:bold;
    font-size:20px;
    background:#3080d1 url(../images/btn_arrow.png) no-repeat right 20px top 34px;
    background-size:10px auto;
    padding:0 10px 0 0;
	cursor: pointer;
}

.topSection .Inner .formBlock .formOuter .formInner form .wpcf7-submit:disabled{
	opacity:0.5;
	cursor: default;
}

.topSection .Inner .formBlock .formOuter .formInner form .wpcf7-submit:disabled:hover{
	box-shadow: 0px 2px 0px 2px #000000;
    background:#5aa2eb url(../images/btn_arrow.png) no-repeat right 20px top 34px;
    background-size:10px auto;
}
.topSection .Inner .formBlock .formOuter .formInner form .ajax-loader{
	display:none;
}


/*serviceSection
*****************************************************************/
.serviceSection{
position:relative;
    background: url(../images/service_bg.png) no-repeat center top;
	background-size:100% auto;
	width:100%;
    min-width: 1100px;
    padding-top:55px;
}
.serviceSection .Outer{
	position: relative;
	width:100%;
    background: url(../images/service_bgbk.png) no-repeat center top calc(100vw);
	background-size:100% 100%;
	
    overflow:hidden;
	
	
}
.serviceSection .Outer::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  border-top: 100px solid transparent;
  border-right: 0 solid transparent;
  border-left: 100vw solid #fff;
  border-bottom: 0 solid #fff;
}

.serviceSection .Inner{
	margin:0 auto;
	padding:120px 0 45px 0;
}
.serviceSection .SubTitle{
	font-family: 'Roboto Slab';
	font-style: oblique;
	font-weight:bold;
	text-align:center;
	color:#5BA0EB;
	font-size:26px;
	text-decoration: underline;
	text-underline-offset: 7px;
	padding-bottom:15px;
	text-decoration-thickness: 1px;
}
.serviceSection .Title{
	text-align:center;
	color:#fff;
	font-size:45px;
	font-weight:bold;
	padding-bottom:80px;
	line-height: 1.3;
}
.serviceSection .serviceInner{
    background: url(../images/service_step_bg.png) no-repeat center top;
	background-size:1100px auto;
	width:1100px;
	height:2118px;
	margin:0 auto;
}
.serviceSection .serviceInner .serviceStep{
	padding:35px 0 0 0;
	position:relative;

}
.serviceSection .serviceInner .serviceStep.step01{
	height:440px;
}
.serviceSection .serviceInner .serviceStep.step01 .serviceStepInner{
	position:absolute;
	left:495px;
	top:65px;
}
.serviceSection .serviceInner .serviceStep.step02{
	height:430px;
}
.serviceSection .serviceInner .serviceStep.step02 .serviceStepInner{
	position:absolute;
	left:61px;
	top:35px;
}
.serviceSection .serviceInner .serviceStep.step03{
	height:430px;
}
.serviceSection .serviceInner .serviceStep.step03 .serviceStepInner{
	position:absolute;
	left:495px;
	top:61px;
}
.serviceSection .serviceInner .serviceStep.step04{
}
.serviceSection .serviceInner .serviceStep.step04 .serviceStepInner{
	position:relative;
	padding:0 20px 30px 60px;
	
}



.serviceSection .serviceInner .serviceStep .stepTitle{
	position:relative;
	font-size:35px;
	line-height:47px;
	font-weight:bold;
	padding:34px 0 37px 130px;
}
.serviceSection .serviceInner .serviceStep .stepTitle .num{
	position:absolute;
	top:0;
	left:0;
	width:117px;
	height:117px;
	line-height:117px;
	color:#fff;
	font-family: 'Roboto Slab';
	font-style: oblique;
	font-weight:bold;
	text-align:center;
	font-size:27px;
	
    background: url(../images/servicenum.png) no-repeat center center;
	background-size:117px auto;
}
.serviceSection .serviceInner .serviceStep .stepText{
	font-size:18px;
	line-height:35px;
	color:#020424;
	width:545px;
	padding:0 0 0 25px;
}
.serviceSection .serviceInner .serviceStep .stepImg{
	padding:30px 0 0 0;
}
.serviceSection .serviceInner .serviceStep .stepDetail{
	position:relative;
}
.serviceSection .serviceInner .serviceStep .stepDetail .stepli{
	position:absolute;
	top:-15px;
	left:50px;
}
.serviceSection .serviceInner .serviceStep .stepDetail .stepli .sliTitle{
	display:none;
}
.serviceSection .serviceInner .serviceStep .stepDetail .stepli .sliText{
	font-size:16px;
	line-height:1.6;
	width:220px;
}
.serviceSection .serviceInner .serviceStep .stepDetail .stepli:nth-child(2){
	top: 5px;
	left: 395px;
}
.serviceSection .serviceInner .serviceStep .stepDetail .stepli:nth-child(2) .sliText{
	font-size:16px;
	line-height:1.6;
	width:230px;
}
.serviceSection .serviceInner .serviceStep .stepDetail .stepli:nth-child(3){
	top: -15px;
	left: 725px;
}
/*safetySection
*****************************************************************/
.safetySection{
    background:#fff;
	background-size:100% auto;
	width:100%;
    min-width: 1100px;
}

.safetySection .Outer{
position: relative;
	width:100%;
}
.safetySection .Inner{
	margin:0 auto;
	padding:120px 0 0 0;
}
.safetySection .SubTitle{
	font-family: 'Roboto Slab';
	font-style: oblique;
	font-weight:bold;
	text-align:center;
	color:#132ddf;
	font-size:26px;
	text-decoration: underline;
	text-underline-offset: 7px;
	padding-bottom:15px;
	text-decoration-thickness: 1px;
}
.safetySection .Title{
	text-align:center;
	color:#020424;
	font-size:45px;
	line-height:1.3;
	font-weight:bold;
	padding-bottom:10px;
}
.safetySection .fsImg{
	width:100%;
    background:#e8f0f7 url(../images/safety_img.jpg) no-repeat center top;
	height:500px;
}
/*hybrid_system
*****************************************************************/
.hybrid_system{
	background:#e8f0f7;
}
.hybrid_system .Outer {
    position: relative;
    width: 100%;
}
.hybrid_system .Inner {
    margin: 0 auto;
    padding: 60px 0 0 0;
}
.hybrid_system .SubTitle {
    font-family: 'Roboto Slab';
    font-style: oblique;
    font-weight: bold;
    text-align: center;
    color: #132ddf;
    font-size: 26px;
    text-decoration: underline;
    text-underline-offset: 7px;
    padding-bottom: 15px;
    text-decoration-thickness: 1px;
}
.hybrid_system .Title {
    text-align: center;
    color: #020424;
    font-size: 45px;
    font-weight: bold;
    padding-bottom: 50px;
	line-height: 1.3;
}
.hybrid_system .Title span{
	position: relative;
	font-size: 45px!important;
	    padding-left: 100px;
}
/*
.hybrid_system .Title span:before {
	content: '';
	position: absolute;
	background: url("../images/patch_first.png") left center no-repeat;
	width:93px;
	height:36px;
		left:0;
	top:12px;
}*/
.hybrid_system .iblockOuter {
    position: relative;
    width: 100%;
    overflow: hidden;
	background:#e8f0f7 url("../images/hybrid_img.jpg") no-repeat center bottom;
	height: 970px;
}
.hybrid_system .iblockInner {
    width: 930px;
    margin: 0 auto;
    padding: 0px 25px 0 25px;
}
.hybrid_system .iblockInner .colum2 {
    width: 100%;
	font-size:18px;
	line-height: 1.8;
}
.hybrid_system .iblockInner .colum2 span{
	background: #fff;
	padding:0px 4px;
	font-weight: bold;
	color:#132ddf;
	line-height: 1;
	margin:0 5px;
}


/*featureSection
*****************************************************************/
.featureSection{
    background:#fff;
	background-size:100% auto;
	width:100%;
    min-width: 1100px;
}

.featureSection .Outer{
position: relative;
	width:100%;
}
.featureSection .Inner{
	margin:0 auto;
	padding:50px 0 0 0;
}
.featureSection .SubTitle{
	font-family: 'Roboto Slab';
	font-style: oblique;
	font-weight:bold;
	text-align:center;
	color:#132ddf;
	font-size:26px;
	text-decoration: underline;
	text-underline-offset: 7px;
	padding-bottom:10px;
	text-decoration-thickness: 1px;
}
.featureSection .Title{
	text-align:center;
	color:#020424;
	font-size:45px;
	font-weight:bold;
	padding-bottom:60px;
}

.featureSection .Title span{
font-family: 'Roboto Slab';
	font-size: 50px;
}

.featureSection .iblockOuter{
position:relative;
	width:100%;
    overflow:hidden;
}
.featureSection .iblockOuter.bgw{
	position:relative;
	width:100%;
	background:#fff;
	padding-top:45px;
	padding-bottom:45px;
}


.featureSection .iblockOuter::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  border-top: 100px solid transparent;
  border-right: 0 solid transparent;
  border-left: 100vw solid #fff;
  border-bottom: 0 solid #fff;
}
.featureSection .iblockOuter.bgw::before{
  border-bottom:none;
  border-left:none;
  border-right:none;
  border-top:none;
}

.featureSection .iblockInner{
	width:1100px;
	margin:0 auto;
	padding:45px 25px 0 25px;
}

.featureSection .iblockInner .colum2{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.featureSection .iblockInner .colum2 .fCol{
	position: relative;
	width:50%;
	padding:0 25px 0 25px;
}
.featureSection .iblockInner .colum2 .fCol .fdetailbg{
	background-repeat:no-repeat;
	background-position:center bottom;
	position:relative;
	width:100%;
	height:400px;
}
.featureSection .iblockInner .colum2 .fCol .fdetail{
	position: absolute;
	bottom: 0;
	width:100%;
	background:rgba(59,61,80,0.8);
	padding:27px 27px 27px 27px;
}
.featureSection .iblockInner .colum2 .fCol .fpoint{
	z-index:99;
	position: absolute;
	top:-35px;
	left:-10px;
	width:75px;
	height:75px;
    background: url(../images/point_bg.png) no-repeat center center;
	background-size:100% auto;
	text-align:center;
	padding-top:30px;
	font-size:30px;
	color:#132ddf;
	font-family: 'Roboto Slab';
	font-weight:bold;
}
.featureSection .iblockInner .colum2 .fCol .fTitle{
	color:#fff;
	font-size:19px;
	font-weight:bold;
	padding-bottom:15px;
}

.featureSection .iblockInner .colum2 .fCol .fText{
	color:#fff;
	font-size:16px;
	line-height:1.4;
}

.featureSection .iblockInner .colum3{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
          margin-bottom:45px;
}
.featureSection .iblockInner .colum3 .fCol{
	position: relative;
	width:33.3%;
	padding:0 25px 0 25px;
}
.featureSection .iblockInner .colum3 .fCol .fdetailbg{
	background-repeat:no-repeat;
	background-position:center bottom;
	position:relative;
	width:100%;
}
.featureSection .iblockInner .colum3 .fCol .fdetail{
	width:100%;
	padding:25px 0 0 0;
}
.featureSection .iblockInner .colum3 .fCol .fpoint{
	z-index:99;
	position: absolute;
	top:-35px;
	left:-10px;
	width:75px;
	height:75px;
    background: url(../images/point_bg.png) no-repeat center center;
	background-size:100% auto;
	text-align:center;
	padding-top:30px;
	font-size:30px;
	color:#132ddf;
	font-family: 'Roboto Slab';
	font-weight:bold;
}
.featureSection .iblockInner .colum3 .fCol .fTitle{
	color:#020424;
	font-size:19px;
	font-weight:bold;
	padding-bottom:15px;
}

.featureSection .iblockInner .colum3 .fCol .fText{
	color:#020424;
	font-size:16px;
	line-height:1.4;
}


/*sceneSection
*****************************************************************/
.sceneSection{
    background:#e8f0f7 url(../images/scenebg.jpg) no-repeat center top;
	background-size:100% auto;
	width:100%;
    min-width: 1100px;
}

.sceneSection .Outer{
position: relative;
	width:100%;
    overflow:hidden;
	padding:80px 0 0 0;
}

.sceneSection .Outer::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-bottom: 80px solid transparent;
  border-left: 0 solid transparent;
  border-right: 100vw solid #fff;
  border-top: 0 solid #fff;
}
.sceneSection .Outer::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  border-top: 80px solid transparent;
  border-left: 0 solid transparent;
  border-right: 100vw solid #020427;
  border-bottom: 0 solid #020427;
}
.sceneSection .Inner{
	max-width:1000px;
	margin:0 auto;
	padding:120px 0 100px 0;
}
.sceneSection .SubTitle{
	font-family: 'Roboto Slab';
	font-style: oblique;
	font-weight:bold;
	text-align:center;
	color:#2139e1;
	font-size:26px;
	text-decoration: underline;
	text-underline-offset: 7px;
	padding-bottom:10px;
	text-decoration-thickness: 1px;
}
.sceneSection .Title{
	text-align:center;
	color:#020424;
	font-size:45px;
	font-weight:bold;
	padding-bottom:80px;
}
.sceneSection .caceBox{
	display:table;
	width:100%;
	padding-bottom:65px;
}
.sceneSection .caceBox::after {
content: "";
display: block;
clear: both;
}
.sceneSection .caceBox .casecboxImg {
	float:left;
	width:476px;
}
.sceneSection .caceBox .casecboxdetail {
	position:relative;
	float:right;
	width:524px;
	padding:80px 0 0 56px;
}
.sceneSection .caceBox:nth-child(even) .casecboxImg {
	float:right;
}
.sceneSection .caceBox:nth-child(even) .casecboxdetail {
	float:left;
	padding:80px 56px 0 0;
}


.sceneSection .caceBox .casecboxdetail .cbLabel{
	position:absolute;
	top:30px;
	left:-65px;
	width:106px;
	height:35px;
    background: url(../images/case_bgs.png) no-repeat center center;
	background-size:100% auto;
	font-family: 'Roboto Slab';
	font-style: oblique;
	font-weight:bold;
	color:#fff;
	font-size:18px;
	text-align:center;
	line-height:35px;
}
.sceneSection .caceBox:nth-child(even) .casecboxdetail .cbLabel{
	left:auto;
	right:-40px;
}


.sceneSection .caceBox .casecboxdetail .cbLTitle{
	font-weight:bold;
	color:#020424;
	font-size:19px;
	padding-bottom:16px;
}
.sceneSection .caceBox .casecboxdetail .cbLText{
	color:#020424;
	font-size:16px;
	line-height:1.6;
}




/*productSection
*****************************************************************/
.productSection{
	background:#020427;
	width:100%;
    min-width: 1100px;
}

.productSection .Outer{
position: relative;
	width:100%;
    overflow:hidden;
}



.productSection .Outer::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  border-bottom: 80px solid transparent;
  border-left: 0 solid transparent;
  border-right: 100vw solid #fff;
  border-top: 0 solid #fff;
  }
.productSection .Inner{
	margin:0 auto;
	padding:120px 0 80px 0;
}
.productSection .SubTitle{
	font-family: 'Roboto Slab';
	font-style: oblique;
	font-weight:bold;
	text-align:center;
	color:#5aa2eb;
	font-size:26px;
	text-decoration: underline;
	text-underline-offset: 7px;
	padding-bottom:10px;
	text-decoration-thickness: 1px;
}
.productSection .Title{
	text-align:center;
	color:#fff;
	font-size:45px;
	font-weight:bold;
	padding-bottom:80px;
}
.productSection .outerBlock{
    background:#fff url(../images/product_bg01.jpg) no-repeat center top;
	background-size:100% auto;
}
.productSection #aicloud.outerBlock{
    background:#fff url(../images/product_bg02.jpg) no-repeat center top;
	background-size:100% auto;
}

.productSection .innerTitle{
	padding:70px 20px 50px 20px;
	font-size:40px;
	font-weight:bold;
	text-align:center;
}

.productSection .iblockInner{
	width:1100px;
	margin:0 auto;
	background:#fff;
	padding:90px 25px 150px 25px;
}
.productSection #aicloud .iblockInner{
	padding:43px 15px 50px 15px;
}

.productSection .iblockInner .colum3{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.productSection .iblockInner .colum3 .inCol{
	width:33.3%;
	padding:0 0 80px 0;
}
.productSection .iblockInner .colum3 .inCol .incImg{
	text-align:center;
}
	        	
.productSection .iblockInner .colum3 .inCol .incTitle{
	font-size:19px;
	font-weight:bold;
	text-align:center;
}

.productSection .iblockInner .colum3_c{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
          margin-bottom:80px;
}
.productSection .iblockInner .colum3_c .inCol{
	width:33.3%;
	text-align:center;
}
.productSection .iblockInner .colum3_c .inCol .incImg{
	text-align:center;
	margin-bottom:5px;
}      	
.productSection .iblockInner .colum3_c .inCol .incTitle{
	font-size:19px;
	font-weight:bold;
	text-align:left;
	padding:0 25px 15px 25px;
}

.productSection .iblockInner .colum3_c .inCol .incText{
	font-size:16px;
	line-height:1.6;
	text-align:left;
	padding:0 25px 15px 25px;
}

.productSection .iblockInner .cameraSpec{
	width:100%;
	padding-bottom:75px;
	position:relative;
}
.productSection .iblockInner .cameraSpec .csList{
}
.productSection .iblockInner .cameraSpec .csList.csListac{
	display:none;
	margin-bottom: 30px;
}
.productSection .iblockInner .cameraSpec .csList dl{
	display:table;
	width:100%;
}

.productSection .iblockInner .cameraSpec .csList dl dt{
	display:table-cell;
	width:220px;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	background:#cce0f1;
	padding:20px 25px;
	font-size:18px;
	line-height:1.6;
	color:#020424;
}
.productSection .iblockInner .cameraSpec .csList dl dd{
	display:table-cell;
	border-bottom:1px solid #fff;
	background:#e8f0f7;
	padding:20px 25px;
	font-size:18px;
	line-height:1.6;
	color:#020424;
}
.productSection .iblockInner .cameraSpec .cshide{
  display: block;
  width: 100%;
  padding: 100px 0 0;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 40% );
}
.productSection .iblockInner .cameraSpec .cshide.active{
  background:none;
}
.productSection .iblockInner .cameraSpec .csBtn{
	width:20%;
	text-align:center;
	/*border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	background:#cce0f1;*/
	padding:15px 0px;
	font-size:15px;
	font-weight:bold;
	/*line-height:1.6;*/
	color:#020424;
	cursor:pointer;
	margin: 0px auto;
    border: solid 1px #020424;
}

.productSection .iblockInner .head{
	display: block;
	overflow: hidden;
}

.productSection .iblockInner .head .liTitle{
    position: relative;
    font-size: 40px;
    line-height: 1;
    font-weight: bold;
    padding: 0px 0 0px 20px;
	border-left: solid 5px #132DDF;
    margin: 10px 0 30px 20px;
}

.productSection .iblockInner .head .liLogo {
    text-align: center;
    padding: 0 0 30px 0;
}

.productSection .iblockInner .iblockPtn1{
	position:relative;
	width:100%;
	display:table;
	margin-bottom:60px;
	
}
.productSection .iblockInner .iblockPtn1 .ibpText{
	display:table-cell;
	width:1px;
}
.productSection .iblockInner .iblockPtn1 .ibpImg{
	display:table-cell;
}

.productSection .iblockInner .iblockPtn2{
	width:100%;
	display:table;
	margin-bottom:60px;
	
}
.productSection .iblockInner .iblockPtn2 .ibpText{
	display:table-cell;
	vertical-align:middle;
	color:#020427;
	font-size:16px;
	line-height:1.6;
	padding:0 30px 0 100px;
}
.productSection .iblockInner .iblockPtn2 .ibpImg{
	display:table-cell;
	width:546px;
}
.productSection .iblockInner .iblockPtn2 .ibpImg img{
	width:100%;
}
.productSection .iblockInner .iblockPtn3{
	width:100%;
	display:table;
    margin-bottom: 80px;
	
}
.productSection .iblockInner .iblockPtn3 .ibpText{
	display:table-cell;
	vertical-align:top;
	color:#020427;
	font-size:16px;
	line-height:1.6;
	padding:0 10px 0 25px;
}
.productSection .iblockInner .iblockPtn1 .ibpText .num,
.productSection .iblockInner .iblockPtn3 .ibpText .num{
	position:relative;
	width:30px;
	height:30px;
	background:#132ddf;
	color:#fff;
	font-family: 'Roboto';
	font-weight:bold;
	text-align:center;
	border-radius:15px;
	line-height:30px;
	margin-bottom:5px;
}
.productSection .iblockInner .iblockPtn1 .ibpText img,
.productSection .iblockInner .iblockPtn3 .ibpText img{
	position:absolute;
	top:0;
	left:40px;
}
.productSection .iblockInner .iblockPtn1 .ibpText .com{
	color:#020427;
	font-size:16px;
	line-height:1.6;
}
.productSection .iblockInner .iblockPtn3 .ibpText .com{
	color:#020427;
	font-size:16px;
	line-height:1.6;
	margin: 0 40px 40px 0;
}
.productSection .iblockInner .iblockPtn3 .ibpImg{
	display:table-cell;
	width:630px;
}
.productSection .iblockInner .iblockPtn3 .ibpImg img{
	width:100%;
}

.productSection .iblockInner .ibppoint.zap0101{
	position:absolute;
	top: 18px;
	left: 658px;
}
.productSection .iblockInner .ibppoint.zap0102{
	position:absolute;
	top: 130px;
left: 658px;
}
.productSection .iblockInner .ibppoint.zap0103{
	position:absolute;
	top: 244px;
	left: 767px;
}
.productSection .iblockInner .ibppoint.zap0104{
	position:absolute;
	top: 431px;
	left: 65px;
}
.productSection .iblockInner .ibppoint.zap0104 .com{
	position:absolute;
	top: -5px;
	left: 45px;
	width: 400px;
}
.productSection .iblockInner .ibppoint.zap0301{
	padding-top:20px;
}
.productSection .iblockInner .ibppoint.zap0401{
	padding-top:70px;
}



/*planSection
*****************************************************************/
.planSection{
	background:#020427;
	width:100%;
    min-width: 1100px;
}

.planSection .Outer{
position: relative;
	width:100%;
}


.planSection .Inner{
	max-width:1000px;
	margin:0 auto;
	padding:120px 0 40px 0;
}
.planSection .SubTitle{
	font-family: 'Roboto Slab';
	font-style: oblique;
	font-weight:bold;
	text-align:center;
	color:#5aa2eb;
	font-size:26px;
	text-decoration: underline;
	text-underline-offset: 7px;
	padding-bottom:10px;
	text-decoration-thickness: 1px;
}
.planSection .Title{
	text-align:center;
	color:#fff;
	font-size:45px;
	font-weight:bold;
	padding-bottom:80px;
}


.planSection .planTable{
}
.planSection .planTable table{
	width:100%;
	margin-bottom:20px;
}

.planSection .planTable table.tit{
	width:100%;
	margin-bottom:0px;
}

.planSection .planTable table.sptbl{
	display: none;
	}

.planSection .planTable table th{
	background:#132ddf;
	font-size:18px;
	_line-height:20px;
	padding:10px 0;
	color:#fff;
	font-weight:bold;
	text-align:center;
	border-right:1px solid #394fe4;
}

.planSection .planTable table th:nth-child(1){
	width:668px;
}

.planSection .planTable table th:nth-child(2){
	width:103px;
}
.planSection .planTable table th:nth-child(4){
	border-right:none;
}


.planSection .planTable table td{
	background:#cce0f1;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	font-size:18px;
	text-align: center;
}

.planSection .planTable table tr.tableCom td{
	border-right:none;
	text-align: left;
}

.planSection .planTable table .tablePlan{
	background:#ffffff;
	padding:25px 23px;
	width: 532px;
}
.planSection .planTable table td .tpTitle{
	border-left:5px solid #132ddf;
	font-size:24px;
	line-height:32px;
	font-weight:bold;
	padding:0 0 0 15px;
	color:#000;
	margin-bottom:20px;
	text-align: left;
}
.planSection .planTable table td .tpImg{
	margin-bottom:10px;
	text-align:center;
}
.planSection .planTable table td .tpImg img{
	height:139px;
}
.planSection .planTable table td .tpText{
	font-size:15px;
	line-height:1.6;
	padding:0 0 0 10px;
	color:#020424;
}


.planSection .planTable table td.planname{
	text-align:center;
	font-size:18px;
	vertical-align:middle;
	padding: 0 10px;
	font-weight: bold;
	white-space: nowrap;
}

.planSection .planTable table td.planperiod{
	text-align:center;
	font-size:18px;
	vertical-align:middle;
	padding: 0 10px;
	white-space: nowrap;
	background: #dbe8f0;
}

.planSection .planTable table td.planfprice{
	text-align:center;
	font-size:18px;
	vertical-align:middle;
	    padding: 0 10px;
	white-space: nowrap;
	background: #dbe8f0;
}

.planSection .planTable table td.planprice{
	border-right:none;
	text-align:right;
	font-size:18px;
	vertical-align:middle;
	    padding: 0 10px;
	white-space: nowrap;
	background: #dbe8f0;
}

.planSection .planTable table td.planfprice span{
	color:#e5004b;
	font-weight: bold;
	font-size:28px;
	background: -webkit-linear-gradient( transparent 80%, #fccb00 0% ) ;
background: linear-gradient( transparent 80%, #fccb00 0% ) ;
}

.planSection .planTable table td.notes{
	    background: #ffff;
    padding: 0px 10px 3px 0;
    text-align: right;
    font-size: 13px;
    border: none;
    height: 25px;
}


.planSection .planTable table .tableCom td{
	background:#dbe3e9;
	padding:15px 30px;
	font-size:15px;
	line-height:1.6;
	color:#020424;
	border-bottom:none;
}


.planSection .planTable table .tableCom td dl{
	display:table;
	width:100%;
}
.planSection .planTable table .tableCom td dl dt{
	display:table-cell;
	width:45px;
}

.planSection .planTable table .tableCom td dl dd{
	display:table-cell;
	padding:0 0 5px 0;
}

.planSection .tableOption{
	background:#ffffff;
	padding:25px 23px;
}
.planSection .tableOption{
	background:#ffffff;
	padding:25px 23px 35px 23px;
}
.planSection .tableOption .tpTitle{
	border-left:5px solid #132ddf;
	font-size:24px;
	line-height:32px;
	font-weight:bold;
	padding:0 0 0 15px;
	color:#000;
	margin-bottom:20px;
}
.planSection .tableOption .tpText{
	font-size:16px;
	line-height:1.6;
	padding:0 0 0 10px;
	color:#020424;
}



/*flowSection
*****************************************************************/
.flowSection{
	background:#020427;
	width:100%;
    min-width: 1100px;
}

.flowSection .Outer{
position: relative;
	width:100%;
    overflow:hidden;
}



.flowSection .Outer::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  border-top: 80px solid transparent;
  border-left: 0 solid transparent;
  border-right: 100vw solid #fff;
  border-bottom: 0 solid #fff;
  }
.flowSection .Inner{
	max-width:1000px;
	margin:0 auto;
	padding:140px 0 200px 0;
}
.flowSection .SubTitle{
	font-family: 'Roboto Slab';
	font-style: oblique;
	font-weight:bold;
	text-align:center;
	color:#5aa2eb;
	font-size:26px;
	text-decoration: underline;
	text-underline-offset: 7px;
	padding-bottom:10px;
	text-decoration-thickness: 1px;
}
.flowSection .Title{
	text-align:center;
	color:#fff;
	font-size:45px;
	font-weight:bold;
	padding-bottom:80px;
}
.flowSection .StepBlock{
  margin: 0 auto;
  max-width: 1000px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flowSection .StepBlock .StepBox{
  position: relative;
  margin-right:8px;
  background:#fff;
  width:16.7%;
  margin-bottom:30px;
}

.flowSection .StepBlock .StepBox span{
	    position: absolute;
    display: block;
    top: -20px;
    right: 6px;
    background: #b60005;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 0px 10px 2px 7px;
	transform: skewX(351deg);
    font-style: normal;
}

.flowSection .StepBlock .StepBox:last-child{
  margin-right:0;
  width:16.5%;
}

.flowSection .StepBlock .StepBox p:first-child{
	width:100%;
	background:#132ddf;
	font-family: 'Roboto Slab';
	font-style: oblique;
	font-weight:bold;
	text-align:center;
	color:#5aa2eb;
	font-size:22px;
	line-height:45px;
}
.flowSection .StepBlock .StepBox p:last-child{
	width:100%;
	text-align:center;
	font-size:18px;
	line-height:1.2;
	height:79px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flowSection .stepLine:before{
position:absolute;
left:0;
    content: "";
    width:24px;
    height:26px;
    background:#020427 url(../images/flow_maru.png) repeat-x left center;
}
.flowSection .stepLine:after{
position:absolute;
right:0;
    content: "";
    width:39px;
    height:26px;
    background:#020427 url(../images/flow_arrow.png) repeat-x left center;
}
.flowSection .stepLine{
position:relative;
	text-align:center;
    background: url(../images/flow_line.png) repeat-x left center;
    margin-bottom:20px;
}
.flowSection .stepLine .StepLText{
	background:#020427;
	color:#fff;
	padding:0 5px;
}

.flowSection .Steplink{}

.flowSection .Steplink a{
	text-decoration:none;
	color:#000;
	}

.flowSection .Steplink dl{
	display:table;
	width:100%;
	background:#fff;
	margin-bottom:1px;
}
.flowSection .Steplink dl:hover{
	background:rgba(255,255,255,0.9);
}

.flowSection .Steplink dt{
	display:table-cell;
	width:52%;
	vertical-align:middle;
	text-align:center;
}
.flowSection .Steplink dd{
	display:table-cell;
	width:48%;
	padding:32px 0 30px 0;
    background: url(../images/link_blank.png) no-repeat right 15px top 15px;
    background-size: auto 28px;
	
}

.flowSection .Steplink dd span{
	display:block;
	font-size:25px;
	line-height:1.3;
	color:#000;
	
}
.flowSection .Steplink dd p{
	font-size:30px;
	line-height:1.3;
	color:#000;
}



/*faqSection
*****************************************************************/
.faqSection{
	background:#ffffff;
	width:100%;
    min-width: 1100px;
}
.faqSection .Inner{
	max-width:1000px;
	margin:0 auto;
	padding:120px 0 100px 0;
}
.faqSection .SubTitle{
	font-family: 'Roboto Slab';
	font-style: oblique;
	font-weight:bold;
	text-align:center;
	color:#132ddf;
	font-size:26px;
	text-decoration: underline;
	text-underline-offset: 7px;
	padding-bottom:10px;
	text-decoration-thickness: 1px;

}
.faqSection .Title{
	text-align:center;
	color:#020424;
	font-size:45px;
	font-weight:bold;
	padding-bottom:70px;
}
.faqSection .faqul{
	width:100%;
	padding:0 0 70px 0;
}
.faqSection dl{
	display:table;
	width:100%;
}
.faqSection dt{
	display:table-cell;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	width:120px;
	background:#cce0f1;
	text-align:center;
	line-height:24px;
	font-size:20px;
	padding:20px 5px;
	color:#132ddf;
	font-weight:bold;
}
.faqSection dd{
	position:relative;
	/*display:table-cell;*/
	border-bottom:1px solid #fff;
	background:#e8f0f7;
	padding:20px 20px 20px 30px;
	line-height:24px;
	font-size:18px;
	
    display: block;
    cursor:pointer;
	
}
.faqSection dd .Question{
	line-height:24px;
	font-size:18px;
    background: url(../images/lp2_ac_off.png) no-repeat right top 4px;
    background-size: auto 15px;
	padding:0 35px 0 0;
}
.faqSection dd .Question.active{
    background: url(../images/lp2_ac_on.png) no-repeat right top 4px;
    background-size: auto 15px;
}
.faqSection dd .Answer{
	display:none;
	padding:20px 50px 5px 20px;
	line-height:24px;
	font-size:18px;
	word-break: break-all;
}



/*contactSection
*****************************************************************/
.contactSection{
	background:#020427;
	width:100%;
}
.contactSection .Inner{
	max-width:1000px;
	margin:0 auto;
	padding:130px 0 100px 0;
}
.contactSection .SubTitle{
	font-family: 'Roboto Slab';
	font-style: oblique;
	font-weight:bold;
	text-align:center;
	color:#5aa2eb;
	font-size:26px;
	text-decoration: underline;
	text-underline-offset: 7px;
	padding-bottom:10px;
	text-decoration-thickness: 1px;

}
.contactSection .Title{
	text-align:center;
	color:#fff;
	font-size:45px;
	font-weight:bold;
	padding-bottom:60px;
}
iframe#parentframe { 
  width: 100%;
  min-height:952px;
}

.iform form,
.contactSection form {
	width:665px;
	margin:0 auto;
	
}
.iform form .form_item,
.contactSection form .form_item{
	display:table;
	margin-bottom:17px;
	width:100%;
}
.iform form .form_item .head,
.contactSection form .form_item .head{
	display:table-cell;
	width:220px;
	vertical-align:top;
	line-height:27px;
	padding:8px 10px 8px 0;
	color:#fff;
	font-weight:bold;
	font-size:16px;
}
.iform form .form_item .body,
.contactSection form .form_item .body{
	display:table-cell;
	vertical-align:top;
	padding:0 10px 8px 0;
	color:#fff;
}

.iform form .form_item .body.radio,
.contactSection form .form_item .body.radio{
	padding:10px 10px 8px 0;
}

.iform form .form_item .body a,
.contactSection form .form_item .body a{
	text-decoration:underline;
	color:#fff!important;
}

.iform form .form_item .body a:hover,
.contactSection form .form_item .body a:hover{
	text-decoration:none;
	color:#fff!important;
}


.iform form .form_item .head .any,
.contactSection form .form_item .head .any{
	display:inline-block;
	background:#5aa2eb;
	color:#fff;
	line-height:27px;
	padding:0 10px;
	margin-right:10px;
}

.iform form .form_item .head .require,
.contactSection form .form_item .head .require{
	display:inline-block;
	background:#df0b1a;
	color:#fff;
	line-height:27px;
	padding:0 10px;
	margin-right:10px;
}
.iform form .form_item .body input[type="text"],
.iform form .form_item .body input[type="tel"],
.iform form .form_item .body input[type="email"],
.contactSection form .form_item .body input[type="text"],
.contactSection form .form_item .body input[type="tel"],
.contactSection form .form_item .body input[type="email"]{
	padding:8px 10px;
	font-size:16px;
	line-height:27px;
	color:#000;
	width:100%;
}
.iform form .form_item .body textarea,
.contactSection form .form_item .body textarea{
	padding:8px 10px;
	font-size:16px;
	line-height:27px;
	color:#000;
	width:100%;
}


.iform form .p-form__btns,
.contactSection form .p-form__btns{
padding:40px 0;
	text-align:center;
}
.iform form .wpcf7-confirm,
.contactSection form .wpcf7-confirm{
	display:none ! important;
}
.iform form .wpcf7-back,
.contactSection form .wpcf7-back{
	display:none ! important;
}
.iform form .wpcf7-submit,
.contactSection form .wpcf7-submit{
	color:#fff;
	background:#132ddf;
	border:solid 4px #132ddf;
	width:200px;
	height:60px;
	line-height:55px;
	text-align:center;
	margin:0 auto;
	font-size:20px;
	font-weight:bold;
	border-radius:30px;
	cursor: pointer;
}

.iform form .wpcf7-submit:hover,
.contactSection form .wpcf7-submit:hover{
	background:none;
	border:solid 4px #fff;
	color:#fff;
}

.iform form .wpcf7-submit:disabled,
.contactSection form .wpcf7-submit:disabled{
	opacity:0.5;
	cursor: default;
}
.iform form .wpcf7-submit:disabled:hover,
.contactSection form .wpcf7-submit:disabled:hover{
	background:#132ddf;
	border:solid 4px #132ddf;
}


/*contactSection
*****************************************************************/
.contactendSection{
	background:#fff;
	width:100%;
	padding-top:88px;
}
.contactendSection .Inner{
	max-width:1000px;
	margin:0 auto;
	padding:140px 0 140px 0;
}
.contactendSection .Title{
	text-align:center;
	color:#000;
	font-size:45px;
	line-height:1.4;
	font-weight:bold;
	padding-bottom:30px;
}
.contactendSection .Text{
	text-align:center;
	color:#000;
	font-size:18px;
	padding-bottom:55px;
}

.contactendSection .DownLoad {
	width:245px;
	margin:0 auto;
	padding-bottom:80px;
	
}
.contactendSection .DownLoad a{
	display:block;
	width:100%;
	text-align:center;
	height:65px;
	border:1px solid #a7a7a7;
	box-shadow: 0px 1px 0px 0 #a7a7a7;
	color:#020424;
	line-height:65px;
	font-size:18px;
	text-decoration:none;
	    border-radius: 4px;
}
.contactendSection .DownLoad a span{
	padding-left:40px;
    background:#fff url(../images/icon_download.png) no-repeat left center;
	background-size:23px auto;
}
.contactendSection .DownLoad a:hover{
	opacity:0.5;
}

.contactendSection .pageback {
	text-align:center;
	color:#132edf;
	font-size:18px;
}
.contactendSection .pageback a{
	color:#132edf;
	text-underline-offset: 4px;
}
.contactendSection .pageback a:hover{
	color:#132edf;
	text-decoration:none;
}
