@charset "utf-8";

.mainvisual{
    width:100%;
    position: relative;
	display: flex;
}

.mainvisual .copyright{
	width:100px;
	display: flex;
	justify-content: center;
	align-items:center;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-o-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	font-size:1.1rem;
	letter-spacing: .04em;
	padding-bottom:110px;
}

.mainvisual .visual{
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size:cover;
	position: relative;
	height:100%;
	width:calc(100%);
}

.mainvisual .logo{
	width:314px;
	height:52px;
	background: #fff;
	border-top-right-radius: 10px;
	position: absolute;
	bottom:0;
	left:0;
	z-index:2;
	display: flex;
	align-items:flex-end;
}
.mainvisual .logo img{
	width:277px;
	height:auto;
}
.mainvisual .mv{
	background-position: 50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	overflow: hidden;
	width:100%;
}
.mainvisual .mv img{width: 100%;}
.mainvisual .catch{color:#fff;position: absolute;width: 80%;height: 100%;left: 10%;top: 0;display: flex;justify-content: center;flex-direction: column; 
align-items: center;z-index:2;}
.mainvisual .catch span{display:block;}
.mainvisual .mv .catch .title1{font-size: 6rem;font-weight: 600;letter-spacing: 2px; margin: -40px 0 0 0;}
.mainvisual .mv .catch .title2{font-size: 1.8rem; letter-spacing: 1.8px;margin: 32px 0;}
.mainvisual .catch span.title3 a{display: block;width: 180px;color: #fff;text-align: center;padding: 17px 0 17px 0;overflow: hidden;
font-size: 14px;border: 1px solid rgba(255,255,255,.2);}
.mainvisual .catch span.title3:hover a{border: 1px solid rgba(255,255,255,.9);}




.mainvisual-slide {
  opacity: 0;
  transition: opacity .2s linear;
}
.mainvisual-slide.slick-initialized{
  opacity: 1;
}
.sec-s-title{
	font-size: 1.5rem;
	line-height: 1.5;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2.5em;
	font-family: sans-serif;
	letter-spacing: .08em;
	text-transform: uppercase;
}
.sec-title{
    display:block;
	font-size: 3.6rem;
	font-weight:normal;
	letter-spacing: .08em;
	position: relative;
	margin-bottom: 16px;
	font-weight: 600;
}
.about .about-conts .about-title{color: #fff;}
.slick-dots{
	display: flex;
	justify-content:flex-end;
	align-items:center;
	height:80px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 20px;
}
.slick-dots li:not(:last-child){
	margin-right:10px;
}
.slick-dots li button{
	background: #d7d8d8;
	height:2px;
	width:74px;
	border:none;
	text-indent: -9999px;
	cursor: pointer;
	position: relative;
}
.slick-dots li.slick-active button::after{
	content: "";
	position:absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: #111;
	animation: progress 6.8s linear 0s forwards;
	z-index:1;
}
@keyframes progress {
	0%{
		width:0;
	}
	100% {
		width:100%;
	}
}

.sec .button a{
	width:170px;
	height:50px;
	font-size:1.4rem;
	background:#0077EF url("../img/btn-arrow-wh.png") no-repeat 90% 50%/6px auto;
	border-radius: 27px;
	display: flex;
	justify-content: center;
	align-items:center;
	color:#fff;
	border:#0077EF solid 1px;
}
.sec .about .about-title .button a{
	width:170px;
	height:50px;
	font-size:1.4rem;
	background:#0077EF url("../img/btn-arrow-wh.png") no-repeat 90% 50%/6px auto;
	border-radius: 27px;
	display: flex;
	justify-content: center;
	align-items:center;
	color:#fff;
	border:#0077EF solid 1px;
}
.sec .about .about-title .button a:hover {
    opacity: 1;
    background-color: transparent;
    background-image: url(../img/btn-arrow-bk1.png);
    border:#fff solid 1px;
    color: #fff;
}
/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
    .sec .button a{
        background-image:url("../img/btn-arrow-wh%402x.png");
    }
}
.sec .button a:hover{
	opacity: 1;
	background-color:transparent;
	background-image:url("../img/btn-arrow-bk.png");
	color:#1e1e1e;
}
/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
    .sec .button a:hover{
        background-image:url("../img/btn-arrow-bk%402x.png");
    }
}

/*首页产品*/
.index-product-bg{margin-top: 120px;}
.index-product-title{text-align: center;}
.sec1-product-wp{display: flex;flex-wrap: wrap;justify-content: space-between;}
.sec1-product-item{width: 20%;box-sizing: border-box;padding: 3.5% 3.5%;}
.sec1-product-item:nth-child(odd){background: #fafafa;}
.sec1-product-item:nth-child(even){background: #fff;}
.sec1-product-text h1{color: #666; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;font-weight: 600;font-family: arial;}
.sec1-product-text h2{font-size: 26px; font-weight: 500;margin: 8px 0 16px 0;}
.sec1-product-text p{font-size: 14px;color: #666666;line-height: 22px;margin-bottom: 10%;}
.sec1-product-img{overflow: hidden;transition: all 0.5s;}
.sec1-product-img img{width: 100%;transition: all 0.5s;}
.sec1-product-item1:nth-child(odd){background: #fff;}
.sec1-product-item1:nth-child(even){background: #fafafa;}
.sec1-product-item:hover .sec1-product-img{transform: translateY(-10px);}




.sec .button a span{
	font-weight:600;
}
.sec1{
	margin-top: 120px;
	padding-bottom:135px;
}


.information-conts{
	display: flex;
	justify-content: space-between;
}


.information-title{
	width:285px;
	padding-right:120px;
}


.information-title .sec-title{
	margin-bottom: 16px;
}


.information-title .category-list{
	margin-bottom: 20px;
}
.information-title .category-list li{
	font-size:1.4rem;
	letter-spacing: .08em;
}
.information-title .category-list li:not(:last-child){
	border-bottom:#eaeaea solid 1px;
}
.information-title .category-list li a{
	padding:.93em 0;
	display:block;
	background: url("../img/information-category-arrow.png") no-repeat 100% 50%/5px auto;
}
/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
    .information-title .category-list li a{
        background-image:url("../img/information-category-arrow%402x.png");
    }
}


.information-list{
	width:calc(100% - 285px);
}
.information-list .list{
	position: relative;
}
.information-list .list:not(:last-child)::after{
	content: "";
	width:100%;
	height:1px;
	position: absolute;
	top:100%;
	left:0;
	display:block;
	background:linear-gradient(90deg,#fff 0%,#fff 245px,#eaeaea 245px,#eaeaea 100%);
}
.information-list .list a{
	padding:15px 0;
	display: flex;
	align-items:center;
	width:100%;
}
.information-list .list:first-child a{
	padding-top:0;
}


.information-list .image-area{
	width:210px;
	margin-right:35px;
}
.information-list .image-area .image{
	width:100%;
	height:123px;
	position: relative;
	overflow:hidden;
	border-radius: 4px;
}
.information-list .image-area .image img{
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: none;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


.information-list .text-area{
	width:calc(100% - 245px);
	background: url("../img/information-arrow.png") no-repeat 100% 50%/10px auto;
}
/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
    .information-list .text-area{
        background-image:url("../img/information-arrow%402x.png");
    }
}
.information-list .text-area .data{
	display: flex;
	align-items:center;
	font-size:1.4rem;
	margin-bottom:17px;
}
.information-list .text-area .date{
	padding-right:.7em;
	border-right:#1e1e1e solid 1px;
	letter-spacing: .08em;
}
.information-list .text-area .category{
	padding-left:.7em;
}
.information-list .text-area .ttl{
	font-size:1.8rem;
	font-weight: bold;
	letter-spacing: -.05em;
	padding-right:30px;
	line-height: 1.63;
}
.information-list .text-area .ttl.height{
	height: calc(1.63em * 1);
}

/*产品*/





.sec2{
	margin-top: 150px;
	margin-bottom:150px;
}
.sec2 .inner{
	position: relative;
	padding-top:150px;
	padding-bottom:130px;
}
.sec2 .inner::after{
	content: "";
	display:block;
	width:calc((100% - 90px) + ((100vw - 1100px) / 2));
	height:100%;
	background: #f0f1f1;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
	position: absolute;
	top:0;
	left:90px;
	z-index:-1;
}

.products-conts{
	display: flex;
	justify-content: space-between;
}

.products-title{
	width:280px;
	padding-right:60px;
}

.products-title .title-txt{
	margin-bottom:25px;
	font-size:1.4rem;
	line-height: 2;
	letter-spacing: -.03em;
}


.products-item{
	width:calc(100% - 280px);
}


.products-item-ttl a{
	border:#eaeaea solid 1px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	background: #fff;
	margin-bottom:55px;
	height:170px;	
	width:calc(100% + ((100vw - 1100px) / 2));
	max-width:1000px;
	display: flex;
	position: relative;
}
.products-item-ttl a::after{
	content: "";
	width:20px;
	height:20px;
	background: url("../img/arrow1.png") no-repeat 0 0/100% auto;
	display:block;
	position: absolute;
	right:12px;
	bottom:12px;
	z-index:1;
}
/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
    .products-item-ttl a::after{
        background-image:url("../img/arrow1%402x.png");
    }
}
.products-item-ttl .ttl{
	width:330px;
	display: flex;
	justify-content: center;
	align-items:center;
}
.products-item-ttl .ttl span{
	display:block;
}
.products-item-ttl .ttl .mt{
	font-size:3.6rem;
	font-weight:500;
	margin-bottom:.3em;
	letter-spacing: .01em;
}
.products-item-ttl .ttl .st{
	font-size:1.4rem;
	line-height: 1.8;
}
.products-item-ttl .mv{
	width:calc(100% - 330px);
	background: url("../img/products-ttl.png") no-repeat 100% 50%/cover;
	height:100%;
}
/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
    .products-item-ttl .mv{
        background-image:url("../img/products-ttl%402x.png");
    }
}


.products-slide-list{
	width:calc((100% + 22px) + ((100vw - 1100px) / 2));
	max-width:1022px;
	display: flex;
	margin-bottom:15px;
	position: relative;
	margin-left:-11px;
}
.products-item .slick-track{
	display: flex;
	padding:15px 0;
}
.products-item .slick-slide {
	height: auto !important;
}
.products-slide-list .list{
	margin-right:11px;
	margin-left:11px;
	border-radius: 4px;
	background: #fff;
	overflow: hidden;
	transition: .3s;
}
.products-slide-list .list:hover{
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
}
.products-slide-list .list a{
	display:block;
	width:100%;
	height:100%;
	padding:25px 25px 15px;
	position: relative;
}
.products-slide-list .list a:hover{
	opacity: 1;
}
.products-slide-list .list a::after{
	content: "";
	width:20px;
	height:20px;
	background: url("../img/arrow1.png") no-repeat 0 0/100% auto;
	display:block;
	position: absolute;
	right:12px;
	bottom:12px;
	z-index:1;
}
/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
    .products-slide-list .list a::after{
        background-image:url("../img/arrow1%402x.png");
    }
}
.products-slide-list .ttl{
	font-weight:bold;
	font-size:2rem;
	margin-bottom:15px;
	line-height: 1.63;
	text-align: center;
}
.products-slide-list .image{
	width:100%;
	height:300px;
	position: relative;
	overflow:hidden;
	margin-bottom:15px;
}
.products-slide-list .image img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: none;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.products-slide-list .txt{
	font-size:1.4rem;
	line-height: 1.8;
}


.products-slide-list .slick-prev,
.products-slide-list .slick-next{
	position: absolute;
	bottom:100%;
	width:40px;
	height:40px;
	background-color:#1e1e1e;
	background-repeat: no-repeat;
	background-size:8px auto;
	background-position: 50% 50%;
	border:none;
	text-indent: -9999px;
	cursor: pointer;
	transition: .3s;
}
.products-slide-list .slick-prev:hover,
.products-slide-list .slick-next:hover{
	opacity: .6;
}
.products-slide-list .slick-prev{
	right:52px;
	background-image: url("../img/products-arrow-prev.png");
}
/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
    .products-slide-list .slick-prev{
        background-image:url("../img/products-arrow-prev%402x.png");
    }
}
.products-slide-list .slick-next{
	right:11px;
	background-image: url("../img/products-arrow-next.png");
}
/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
    .products-slide-list .slick-next{
        background-image:url("../img/products-arrow-next%402x.png");
    }
}


.products-item-bnr{
	width:calc(100% + ((100vw - 1100px) / 2));
	max-width:1000px;
	display: flex;
	flex-wrap: wrap;
}
.products-item-bnr .bnr{
	width:calc((100% - 22px) / 2);
	margin-bottom:22px;
	margin-right:20px;
}
.products-item-bnr .bnr:nth-child(2n){
	margin-right:0;
}
.products-item-bnr .bnr a{
	display:block;
	border-radius: 4px;
	background: #fff;
	overflow: hidden;
	width:100%;
	height:156px;
	position: relative;
}
.products-item-bnr .bnr a img{
	width: auto;
	height: 100%;
	max-width: none;
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.products-item-bnr .bnr a:hover{
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
	opacity: 1;
}

.sec3{
	margin-top: 120px;
	height: 500px;
	background: #0056B3 url(../img/about-bg_02.png) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
}
.about{margin-top: -250px;}
.about .fullwidth{background: #fff;padding-top: 4%;padding-bottom: 4%;box-shadow: 0 2px 10px #ddd;border-radius: 10px;}
.about-title{text-align: center;}
.about-title .sec-s-title{color: #666;margin-bottom: 1rem;}
.about-title .sec-title{margin-bottom:20px;color: #333;}
.about-title .title-txt{
	width: 80%;
	margin: 0 auto;
	margin-bottom: 35px;
	font-size:1.4rem;
	line-height: 2;
	color: #666;
}
.about .button a{
	width: 170px;
    height: 50px;
    font-size: 1.4rem;
    background: #0077EF url(../img/btn-arrow-wh.png) no-repeat 90% 50%/6px auto;
    border-radius: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border: #0077EF solid 1px;
    margin: 0 auto;
}
.about .button a:hover{
	opacity: 1;
    background-color: transparent;
    background-image: url(../img/btn-arrow-bk.png);
    color: #1e1e1e;
}
.about-slide .slick-dots{
	justify-content:flex-end;
	position: absolute;
	bottom:0;
	right:20px;
	z-index:1;
	height:26px;
}
.about-slide {
  opacity: 0;
  transition: opacity .2s linear;
}
.about-slide.slick-initialized{
  opacity: 1;
}
.about-slide .slick-dots{
	display: none;
}
.equipment{margin-top: 40px;}
/*首页优势*/
.index-about-adv{height: 600px; margin-top: 120px; padding: 20px 0; box-shadow: 0 0 8px #ccc;display: flex;flex-wrap: wrap;justify-content: space-between;
background: url(../img/development-mv2@2x.png) no-repeat center center;background-size: cover;background-attachment: fixed; position: relative;}
.index-about-adv:after{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0; background: rgba(0,119,239,0.8);z-index: 1;}
.index-about-adv-itm{width: 25%; height: 600px;padding: 0 4%;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: center;
align-items: center;position: relative;z-index: 2;}
.index-about-adv-text{text-align: center;color: #fff;cursor: pointer;}
.index-about-adv-itm:after{content: '';position: absolute;width: 1px;height: 100%;background: rgba(255,255,255,.1);right: 0;top: 0;z-index: 3;}
.index-adv-icon .icon{font-size: 60px;color: #fff;transition: all 1s;}
.index-adv-title h3{margin: 16px 0;font-size: 20px;font-weight: 600;}
.index-adv-title p{line-height: 24px;}
.index-about-adv-itm:hover .index-adv-icon .icon{transform: rotateY(360deg);}
@media screen and (max-width:992px ) {
	.about-title{width: 100%;}
	.about-mv{width: calc(100% - 450px);}
	.index-about-adv-itm{width: 50%;height: auto;}
}


.sec4{
	margin-bottom:130px;
}
.development-conts{
	display: flex;
	justify-content: space-between;
	align-items:center;
	height:540px;
}
.development-title{
	width:417px;
	padding-right:105px;
}
.development-title .sec-title{
	margin-bottom:20px;
	letter-spacing: -.02em;
}
.development-title .sec-title::before{
	letter-spacing: .08em;
}
.development-title .title-txt{
	margin-bottom:35px;
	font-size:1.4rem;
	line-height: 2;
	letter-spacing: -.03em;
}
.development-mv{
	width:calc(100% - 417px);
	position: relative;
	height:540px;
}
.development-slide{
	position:absolute;
	top:0;
	left:0;
	width:calc(100% + ((100vw - 1200px) / 2));
}
.development-slide .slick-dots{
	display: none;
}
.development-slide .mv{
	width:100%;
	height:540px;
	position: relative;
	overflow:hidden;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
.development-slide .mv img{
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: none;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.development-slide .slick-dots{
	justify-content:flex-start;
	position: absolute;
	bottom:0;
	left:20px;
	z-index:1;
	height:26px;
}
.development-slide {
  opacity: 0;
  transition: opacity .2s linear;
}
.development-slide.slick-initialized{
  opacity: 1;
}
.sec5{
	margin-bottom: 125px;
}
.sec5 .inner{
	position: relative;
	padding-bottom:125px;
}
.sec5 .inner::after{
	content: "";
	display:block;
	width:calc((100% - 90px) + ((100vw - 1100px) / 2));
	height:100%;
	background:linear-gradient(180deg,#fff 0%,#fff 285px,#f0f1f1 285px,#f0f1f1 100%);
	border-bottom-right-radius: 16px;
	position: absolute;
	top:0;
	right:90px;
	z-index:-1;
}
.column2-box-conts{
	display: flex;
	justify-content: space-between;
}
.column2-box-conts .box{
	width:calc((100% - 60px) / 2);
}
.column2-box-conts .sec-title{
	margin-bottom:42px;
}
.column2-box-conts .mv{
	width:100%;
	height:324px;
	position: relative;
	overflow:hidden;
	border-radius: 6px;
	margin-bottom:25px;
}
.column2-box-conts .mv img{
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: none;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.column2-box-conts .txt{
	font-size:1.4rem;
	line-height: 2;
	margin-bottom:20px;
	letter-spacing: -.01em;
}
.column2-box-conts .sustainability .sec-title{
	letter-spacing: -.02em;
}
.column2-box-conts .sustainability .sec-title::before{
	letter-spacing: .08em;
}
.recruit{
	margin-top:70px;
}
.column2-box-conts .recruit .sec-title{
	letter-spacing: .12em;
}
.column2-box-conts .recruit .sec-title::before{
	letter-spacing: .08em;
}

/*服务流程*/
.banners{margin-top: 120px;}
.index-Enterprise-title{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-bottom: 35px;}
.index-Enterprise-title .sec-title{margin-bottom: 16px;}
.index-Enterprise-title .sec-s-title{margin-bottom: 0;}
.process_b{ margin-top:30px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.process_b li{ display: block;width: 15.6666%; border-radius: 15px; overflow: hidden;background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.06); position: relative;transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; }
.process_b li:after{display: block;content: ""; position: absolute; z-index: 1; background: #0070c6;width: 100%;height: 0;transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; top: 0;left: 0;}
.process_b li:hover:after{ height: 200px;}
.process_b li .word{text-align: center; box-sizing: border-box;padding:20px;line-height: 32px;color: #333; position: relative;z-index: 2;}
.process_b li .word dl{font-family: 'Oswald'; font-size: 40px; color: #ddd; line-height: 50px;}
.process_b li .word p{ font-size: 22px;font-weight: bold;}
.process_b li .img{ display: block;width: 100%; height: 185px; overflow: hidden;position: relative;z-index: 2;}
.process_b li .img img{width: 100%;}
.process_b li:hover p{ color: #fff;transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; }
.process_b li:hover{ border-radius: 0;}





.banners-slide-list .list{
	margin:0 12px;
}
.banners-slide-list .list a{
	border:#c4c5c5 solid 1px;
	display:block;
	width:100%;
	height: auto;
	border-radius: 6px;
	position: relative;
	overflow: hidden;
}
.banners-slide-list .list a img{
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: none;
}
.banners-slide-list .list h4{
	text-align: center;
	line-height: 40px;
	font-size: 16px;
}
/*公司优势*/
.index-about-adv{}
/*-------------------------------
	1550px以下
-------------------------------*/
@media screen and (max-width:1550px){
	
	/*-------------------------------
		 (.sec1)
	-------------------------------*/
	.information-title{
		width:225px;
		padding-right:60px;
	}
	.information-list{
		width:calc(100% - 225px);
	}

	
	/*-------------------------------
		 (.sec2)
	-------------------------------*/
	.products-title{
		width:240px;
		padding-right:40px;
	}
	.products-item{
		width:calc(100% - 240px);
	}
	.products-item-in{
		width:calc(100% + 25px);
	}
	.products-item-bnr .bnr a{
		height:13vw;
	}

	
	/*-------------------------------
		 (.sec3)
	-------------------------------*/
	.about-slide .mv img{
		width: auto;
		height: 100%;
		max-width: none;
		max-height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	
	
	/*-------------------------------
		 (.sec4)
	-------------------------------*/

	.development-slide .mv img{
		width: auto;
		height: 100%;
		max-width: none;
		max-height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	
	
	/*-------------------------------
		  (.sec5)
	-------------------------------*/

	.column2-box-conts .mv{
		height:25vw;
	}

}


/*-------------------------------
	1150px以下
-------------------------------*/
@media screen and (max-width:1150px){
	
	/*-------------------------------
		 (.sec2)
	-------------------------------*/
	.sec2 .inner::after{
		width:calc(100% + 25px);
	}
	
	/*-------------------------------
		 (.sec3)
	-------------------------------*/

	.about-slide{
		width:calc(100% + 25px);
	}
	
	/*-------------------------------
		 (.sec4)
	-------------------------------*/

	.development-slide{
		width:calc(100% + 25px);
	}
	
	/*-------------------------------
		 (.sec5)
	-------------------------------*/
	.sec5 .inner::after{
		width:calc((100% - 90px) + (100% + 25px));
	}

}

/*-------------------------------
	1100px以下
-------------------------------*/
@media screen and (max-width:1180px){
	
	.mainvisual .mv .catch .title1{font-size: 5rem;}
	/*-------------------------------
		 (.sec2)
	-------------------------------*/
	.products-item-ttl a{
		width:100%;
	}
	

	.products-slide-list{
		width:calc(100% + 22px);
	}
	

	.products-item-bnr{
		width:100%;
	}
	.products-item-bnr .bnr a{
		height:10vw;
	}
	.products-item-bnr .bnr a img{
		width: 100%;
		height: auto;
		max-width: 100%;
		max-height: none;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

}
/*-------------------------------
	992px以下
-------------------------------*/
@media screen and (max-width:992px){
	.sec1-product-item{width: 50%;}	
	
}

@media screen and (max-width:860px){
	
	/*-------------------------------
		 (.sec3)
	-------------------------------*/
	

	.about-conts{
		flex-direction: column;
		height:auto;
	}
	

	.about-title{
		width:100%;
		padding-left:0;
		margin-bottom:40px;
		order: 1;
	}

	.about-title .title-txt .sp-none-inline{
		display:none;
	}
	

	.about-mv{
		width:100%;
		height:360px;
		order: 2;		
	}
	.about-slide{
		position: absolute;
		left:-25px;
		right:auto;
	}
	.about-slide .mv{
		height:360px;
	}
	.about-slide .mv img{
		width: 100%;
		height: auto;
		max-width: 100%;
		max-height: none;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	
	/*-------------------------------
		 (.sec4)
	-------------------------------*/
	

	.development-conts{
		flex-direction: column;
		height:auto;
	}
	

	.development-title{
		width:100%;
		padding-right:0;
		margin-bottom:40px;
		order: 1;
	}
	

	.development-title .title-txt .sp-none-inline{
		display:none;
	}
	
	/*-----  */
	.development-mv{
		width:100%;
		height:360px;
		order: 2;		
	}
	.development-slide{
		position: absolute;
		right:-25px;
		left:auto;
	}
	.development-slide .mv{
		height:360px;
	}
	.development-slide .mv img{
		width: 100%;
		height: auto;
		max-width: 100%;
		max-height: none;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

}


/*-------------------------------
	840px以下
-------------------------------*/
@media screen and (max-width:840px){
	
	
}


/*-------------------------------
	
-------------------------------*/
@media screen and (max-width:768px){

	/*-------------------------------
		
	-------------------------------*/	
	
	.mainvisual .copyright{
		display:none;
	}
	

	.mainvisual .visual{
		max-height:85vw;
		width:100%;
	}
	

	.mainvisual .logo{
		width:50vw;
		height:10vw;
		display: flex;
		justify-content: center;
		align-items:center;
	}
	.mainvisual .logo img{
		width:90%;
	}
	
	.mainvisual .mv .catch .title1{font-size: 3.5rem;margin-top: 0;}
	.mainvisual .mv .catch .title2{font-size: 12px;letter-spacing: 0;margin: 16px 0;}
	.mainvisual .catch span.title3 a{width: 120px;padding: 5px 0;}
	.index-product-bg{margin-top: 40px;}
	.sec1-product-text h2{font-size: 20px;margin: 8px 0;}
	.sec1-product-text p{font-size: 12px;}
	
	/*-------------------------------
		 
	-------------------------------*/

	.sec-title{
		font-size:4.4rem;
		letter-spacing: 0;
	}
	.sec-title::before{
		font-size: 2.3rem;
	}


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


	.slick-dots{
		height:2vw;
	}
	.slick-dots li:not(:last-child){
		margin-right:2vw;
	}
	.slick-dots li button{
		width:13vw;
	}


	.sec .button a{
		width: 130px;
		height:12vw;
		font-size:2.4rem;
		border-radius: 6vw;
		margin-right:auto;
		margin-left:auto;
	}
	.sec .button a:hover{
		background-color:#1e1e1e;
		background-image:url("../img/btn-arrow-wh.png");
		color:#fff;
	}
	/* Retina */
	@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
		.sec .button a:hover{
			background-image:url("../img/btn-arrow-wh%402x.png");
		}
	}
	
	
	/*-------------------------------
		 (.sec1)
	-------------------------------*/
	.sec1{
		margin-top: 0;
		padding-top:15vw;
		padding-bottom:15vw;
	}

	.information-conts{
		display: block;
	}

	.information-title{
		width:100%;
		padding-right:0;
		margin-bottom:10vw;
	}

	.information-title .sec-title{
		margin-bottom:5vw;
	}


	.information-title .category-list{
		margin-bottom:5vw;
	}
	.information-title .category-list li{
		font-size:2.4rem;
	}
	

	.information-list .list:not(:last-child)::after{
		background:linear-gradient(90deg,#fff 0%,#fff 37vw,#eaeaea 37vw,#eaeaea 100%);
	}
	.information-list{
		width:100%;
	}
	.information-list .list a{
		padding:4vw 0;
	}

	/*  */
	.information-list .image-area{
		width:33vw;
		margin-right:4vw;
	}
	.information-list .image-area .image{
		height:20vw;
	}

	/*  */
	.information-list .text-area{
		width:calc(100% - 37vw);
	}
	.information-list .text-area .data{
		font-size:2.4rem;
		margin-bottom:3vw;
	}
	.information-list .text-area .ttl{
		font-size:2.6rem;
		padding-right:30px;
	}
	
	.index-about-adv{margin-top: 32px;}
	
	/*-------------------------------
		 (.sec2)
	-------------------------------*/
	.sec2{
		margin-top: 15vw;
		margin-bottom:15vw;
	}
	.sec2 .inner{
		padding-top:10vw;
		padding-bottom:10vw;
	}
	.sec2 .inner::after{
		width:calc((100% - 7vw) + 4vw);
		left:10vw;
	}
	
	/*-----  */
	.products-conts{
		display: block;
	}
	.content-details-text{font-size: 18px;}
	/*-----  */
	.products-title{
		width:100%;
		padding-right:0;
		margin-bottom:12vw;
	}

	/*  */
	.products-title .sec-title{
		margin-bottom:5vw;
	}

	/*  */
	.products-title .title-txt{
		margin-bottom:4vw;
		font-size:2.4rem;
	}
	
	/*-----  */
	.products-item{
		width:100%;
	}
	
	/*  */
	.products-item-ttl a{
		border-radius: 4px;
		margin-bottom:14vw;
		height:auto;	
		width:calc(100% - 3vw);
		flex-direction: column;
		overflow: hidden;
	}
	.products-item-ttl .ttl{
		width:100%;
		display:block;
		text-align: center;
		padding:4vw 0;
	}
	.products-item-ttl .ttl .mt{
		font-size:4.4rem;
	}
	.products-item-ttl .ttl .st{
		font-size:2.4rem;
	}
	.products-item-ttl .mv{
		width:100%;
		height:27vw;
	}
	@media screen and (max-width:480px){
		.products-item-ttl a{
			width:calc(100% - 5.5vw);
		}
	}
	
	/*  */
	.products-slide-list{
		width:100%;
		margin-bottom:5vw;
		margin-left:-1.5vw;
	}
	.products-item .slick-track{
		padding:3vw 0;
	}
	.products-slide-list .list{
		margin-right:1.5vw;
		margin-left:1.5vw;
	}
	.products-slide-list .list a{
		padding:4vw;
	}
	.products-slide-list .list a::after{
		right:2vw;
		bottom:2vw;
	}
	.products-slide-list .ttl{
		font-size:2.8rem;
		margin-bottom:4vw;
	}
	.products-slide-list .image{
		height:35vw;
		margin-bottom:3vw;
	}
	.products-slide-list .image img{
		width: auto;
		height: 100%;
		max-width: 100%;
		max-height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.products-slide-list .txt{
		font-size:2.4rem;
	}	
	@media screen and (max-width:480px){
		.products-slide-list{
			width:calc(100% - 3vw);
		}
		.products-slide-list .image{
			height:50vw;
		}
	}
	
	/* */
	.products-slide-list .slick-prev,
	.products-slide-list .slick-next{
		width:10vw;
		height:10vw;
	}
	.products-slide-list .slick-prev:hover,
	.products-slide-list .slick-next:hover{
		opacity: 1;
	}
	.products-slide-list .slick-prev{
		right:calc(1.5vw + 2px + 10vw);
	}
	.products-slide-list .slick-next{
		right:1.5vw;
	}
	
	/*  */
	.products-item-bnr{
		width:calc(100% - 3vw);
	}
	.products-item-bnr .bnr{
		width:calc((100% - 2vw) / 2);
		margin-bottom:2vw;
		margin-right:2vw;
	}
	.products-item-bnr .bnr a{
		height:15vw;
	}
	@media screen and (max-width:480px){
		.products-item-bnr{
			width:calc(100% - 5.5vw);
		}
		.products-item-bnr .bnr{
			width:100%;
			margin-right:0;
			margin-bottom:0;
		}
		.products-item-bnr .bnr:not(:last-child){
			margin-bottom:4vw;
		}
		.products-item-bnr .bnr a{
			height:25vw;
		}
	}
	.about{padding: 40px 0;}
	
	/*-------------------------------
		 (.sec3)
	-------------------------------*/
	.sec3{
		margin-top: 32px;
		margin-bottom:15vw;
		height: 300px;
	}
	
	.about-title .sec-title{
		margin-bottom:5vw;
	}

	.about-title .title-txt{
		width: 100%;
		margin-bottom:7vw;
		font-size:2.4rem;
	}

	.about-mv{
		height:50vw;
	}
	.about-slide{
		left:-5.5vw;
	}
	.about-slide .mv{
		height:50vw;
	}

	.about-slide .slick-dots{
		height:3vw;
	}
	
	
	/*-------------------------------
		 (.sec4)
	-------------------------------*/
	.sec4{
		margin-bottom:15vw;
	}
	
	.development-title .sec-title{
		margin-bottom:5vw;
	}


	.development-title .title-txt{
		margin-bottom:7vw;
		font-size:2.4rem;
	}
	
	.development-mv{
		height:50vw;
	}
	.development-slide{
		right:-5.5vw;
	}
	.development-slide .mv{
		height:50vw;
	}
	

	.development-slide .slick-dots{
		height:3vw;
	}

	
	/*-------------------------------
		  (.sec5)
	-------------------------------*/	
	.sec5{
		margin-bottom: 15vw;
	}
	.sec5 .inner{
		padding-bottom:15vw;
	}
	.sec5 .inner::after{
		width:calc((100% - 7vw) + 4vw);
		background:linear-gradient(180deg,#fff 0%,#fff 30vw, 30vw,#f0f1f1 100%);
		right:7vw;
	}
	
	.column2-box-conts{
		display: block;
	}
	.column2-box-conts .box{
		width:100%;
	}
	
	.column2-box-conts .sec-title{
		margin-bottom:6vw;
	}

	.column2-box-conts .mv{
		height:45vw;
		margin-bottom:4vw;
	}
	
	/*  */
	.column2-box-conts .txt{
		font-size:2.4rem;
		margin-bottom:5vw;
	}
	
	.recruit{
		margin-top:15vw;
	}

	
	/*-------------------------------
		
	-------------------------------*/
	.banners{
		margin-top: 32px;
		padding-bottom:10vw;
	}
	.banners .button{display: none;}
	.process_b li{width: 32.3333%;margin-bottom: 8px;}
	.process_b li .word{padding: 8px 0;}
	.process_b li .word p{font-size: 18px;}
	.process_b li .img{height: auto;}
}