/*------------------------------------------------------------
	aboutSZ.html
------------------------------------------------------------*/
.aboutSZ #gNavi > li:nth-child(2) > a {
	color: #cf000e;
}
.aboutSZ #gNavi > li:nth-child(2) > a:before {
	display: block;
}
.banner {
	margin-bottom: -200px;
	padding-top: 339px;
	height: 700px;
	position: relative;
	box-sizing: border-box;
	background: url(../images/aboutSZ/banner.jpg) no-repeat center top;
}
.banner .txtBox {
	margin: 0 auto;
	padding: 0 50px;
	max-width: 1600px;
}
.banner .txtBox h2 {
	float: left;
	color: #fff;
	font-size: 50px;
}
.banner .txtBox h2 img {
	margin: -8px 27px 0 0;
	display: inline-block;
	vertical-align: middle;
}
.banner .txtBox .scroll {
	margin-top: 21px;
	float: right;
}
.banner .txtBox li {
	margin-left: 33px;
	float: left;
}
.banner .txtBox li a {
	padding-bottom: 11px;
	min-width: 100px;
	display: block;
	color: #fff;
	font-size: 18px;
	text-align: right;
	opacity: 0.7;
}
.banner .txtBox li a img {
	margin: -4px 13px 0 0;
	display: inline-block;
	vertical-align: middle;
	visibility: hidden;
}
.banner .txtBox li a:hover,
.banner .txtBox li.on a {
	opacity: 1;
	font-weight: bold;
	border-bottom: 2px solid #fff;
}
.banner .txtBox li a:hover img,
.banner .txtBox li.on a img {
	visibility: visible;
}
#aboutSZ #main .section01 .inner {
	margin: 0 auto;
	padding: 70px 80px;
	max-width: 1600px;
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	background: #fff;
}
#aboutSZ #main .section01 .photo {
	float: left;
	max-width: 51.39%;
}
#aboutSZ #main .section01 .txtBox {
	margin-top: 31px;
	width: 640px;
	max-width: 44.45%;
	float: right;
}
#aboutSZ #main .section01 .txtBox h2 {
	margin: 0 -52px 22px 0;
}
#aboutSZ #main .section01 .txtBox p {
	margin-bottom: 14px;
	font-size: 16px;
	opacity: 0.7;
	line-height: 1.9;
	text-align: justify;
	text-justify: inter-ideograph;
}
#aboutSZ #main .section01 .txtBox a {
   width: 140px;
   height: 50px;
   line-height: 50px;
   font-size: 16px;
   text-align: center;
   color: #AFB2B2;
   border: 1px solid #AFB2B2;
   background-color: initial;
   letter-spacing: 3px;
   display: inline-block;
}
#aboutSZ #main .section01 .txtBox a:hover {
   color: #FFFFFF;
   border: 1px solid #CF000E;
   background-color: #CF000E;
}
#aboutSZ #main .section02 {
	padding-top: 110px;
	height: 400px;
	box-sizing: border-box;
	background: url(../images/aboutSZ/bg01.jpg) no-repeat center top;
}
#aboutSZ #main .section02 ul {
	position: relative;
}
#aboutSZ #main .section02 ul:before {
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	top: 95px;
	background: rgba(255,255,255,0.2);
	content: "";
}
#aboutSZ #main .section02 li {
	width: 27.6%;
	float: left;
	color: #fff;
	font-size: 22px;
	cursor: pointer;
}
#aboutSZ #main .section02 li:nth-child(2) {
	width: 31%;
}
#aboutSZ #main .section02 li:nth-child(3) {
	width: auto;
}
#aboutSZ #main .section02 li:nth-child(4) {
	width: auto;
	float: right;
}
#aboutSZ #main .section02 li > span {
	margin-bottom: 23px;
	display: block;
	position: relative;
	font-size: 60px;
}
#aboutSZ #main .section02 li > span:before {
	width: 25px;
	height: 3px;
	position: absolute;
	left: 0;
	top: 94px;
	background: rgba(255,255,255,0.3);
	content: "";
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#aboutSZ #main .section02 li:hover > span:before {
	width: 282px;
	background: #fff;
}
#aboutSZ #main .section03 {
	padding: 82px 0 115px;
	background: #fff;
}
#aboutSZ #main .section03 .inner {
	margin: 0 -1px;
}
#aboutSZ #main .section03 .inner .photo {
	float: right;
	max-width: 53%;
}
#aboutSZ #main .section03 .inner .txtBox {
	margin-top: 125px;
	width: 640px;
	max-width: 40%;
	float: left;
}
#aboutSZ #main .section03 .inner .txtBox h2 {
	margin: 0 0 33px -5px;
}
#aboutSZ #main .section03 .inner .txtBox p {
	font-size: 18px;
	opacity: 0.7;
	line-height: 1.7;
	text-align: justify;
	text-justify: inter-ideograph;
}
#aboutSZ #main .section03 .inner .txtBox .txt {
	padding-bottom: 52px;
	margin-bottom: 31px;
	border-bottom: 1px solid #ddd;
}
#aboutSZ #main .section04 {
	padding: 55px 0 79px;
	background: url(../images/aboutSZ/bg02.jpg) no-repeat center bottom;
}
#aboutSZ #main .section04 h2 {
	margin-bottom: 75px;
	position: relative;
	color: #898989;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}
#aboutSZ #main .section04 h2:before {
	margin-left: -18px;
	width: 36px;
	height: 4px;
	position: absolute;
	left: 50%;
	top: 130px;
	background: #EFC6C8;
	content: "";
}
#aboutSZ #main .section04 h2 img {
	margin: 0 auto 15px;
	display: block;
}
#aboutSZ #main .section04 .sliderBox {
	position: relative;
}
#aboutSZ #main .section04 .sliderBox .prev {
	cursor: pointer;
	position: absolute;
	left: 0;
	bottom: -9px;
}
#aboutSZ #main .section04 .sliderBox .prev:hover {
	background: url(../images/aboutSZ/prev_on.png) no-repeat;
}
#aboutSZ #main .section04 .sliderBox .prev:hover img {
	visibility: hidden;
}
#aboutSZ #main .section04 .sliderBox .next {
	cursor: pointer;
	position: absolute;
	right: 0;
	bottom: -9px;
}
#aboutSZ #main .section04 .sliderBox .next:hover {
	background: url(../images/aboutSZ/next_on.png) no-repeat;
}
#aboutSZ #main .section04 .sliderBox .next:hover img {
	visibility: hidden;
}
#aboutSZ #main .section04 .slider {
	margin-bottom: 80px;
}
#aboutSZ #main .section04 .inner {
	margin: 0 -55px;
	width: 960px;
	position: relative;
	transform: scale(0.6);
	background: #fff;
}
#aboutSZ #main .section04 .inner:before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.5;
	background: #F7F7F7;
	content: "";
}
#aboutSZ #main .section04 .inner.slick-center {
	transform: scale(1);
	-webkit-transform: scale(1);
}
#aboutSZ #main .section04 .inner.slick-center:before {
	display: none;
}
#aboutSZ #main .section04 .inner .photo {
	float: left;
	border-left: 10px solid #CF000E;
}
#aboutSZ #main .section04 .inner .txtBox {
	padding: 74px 40px;
	width: 560px;
	height: 400px;
	float: right;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}
#aboutSZ #main .section04 .inner .ttl {
	margin-bottom: 9px;
	color: #cf000e;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.25;
}
#aboutSZ #main .section04 .inner .txt {
	color: #5a5a5a;
	font-size: 18px;
	line-height: 1.7;
}
#aboutSZ #main .section04 .inner .year {
	position: absolute;
	right: -22px;
	bottom: -84px;
	color: #cf000e;
	font-size: 160px;
	font-weight: bold;
	letter-spacing: -11px;
	opacity: 0.07;
}
#aboutSZ #main .section04 .slider02 {
	padding: 0 140px;
}
#aboutSZ #main .section04 .btn {
	margin: 0 37px;
	float: left;
}
#aboutSZ #main .section04 .btn a {
	display: block;
	color: #5D676B;
	font-size: 22px;
	line-height: 1.3;
}
#aboutSZ #main .section04 .btn.on a {
	color: #cf000e;
	border-bottom: 2px solid #CF000E;
}
#aboutSZ #main .section05 {
	padding: 56px 0 99px;
}
#aboutSZ #main .section05 h2 {
	margin-bottom: 72px;
	position: relative;
	color: #898989;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}
#aboutSZ #main .section05 h2:before {
	margin-left: -18px;
	width: 36px;
	height: 4px;
	position: absolute;
	left: 50%;
	top: 131px;
	background: #EFC6C8;
	content: "";
}
#aboutSZ #main .section05 h2 img {
	margin: 0 auto 18px;
	display: block;
}
#aboutSZ #main .section05 .item {
	width: 780px;
	max-width: 48.75%;
	float: left;
	position: relative;
}
#aboutSZ #main .section05 .item:nth-child(2) {
	float: right;
}
#aboutSZ #main .section05 .item .txtBox {
	padding: 30px 40px 38px;
	box-sizing: border-box;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom: 10px solid #eee;
	background: #fff;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#aboutSZ #main .section05 .item:hover .txtBox {
	opacity: 0;
	visibility: hidden;
}
#aboutSZ #main .section05 .item .txtBox .ttl {
	margin-bottom: 5px;
	color: #5a5a5a;
	font-size: 32px;
	font-weight: bold;
}
#aboutSZ #main .section05 .item .txtBox .txt {
	color: #5a5a5a;
	font-size: 16px;
	line-height: 1.85;
}
#aboutSZ #main .section05 .item .scrollBox {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	padding: 20px;
	box-sizing: border-box;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#aboutSZ #main .section05 .item:hover .scrollBox {
	opacity: 1;
	visibility: visible;
}
#aboutSZ #main .section05 .item .subBox {
	padding: 60px 20px 60px 40px;
	height: 100%;
	box-sizing: border-box;
	background: rgba(207,0,14,0.85);
}
#aboutSZ #main .section05 .item .subBox .scroll {
	height: 100%;
}
#aboutSZ #main .section05 .item .subBox p {
	margin-right: 10px;
	color: #fff;
	font-size: 16px;
	line-height: 1.85;
	text-align: justify;
	text-justify: inter-ideograph;
}
#aboutSZ #main .section05 .item .subBox .ttl {
	margin-bottom: 15px;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.5;
}
#aboutSZ #main .itemBox {
   position: relative;
}
#aboutSZ #main .itemBox .itemBox-swiper {
   overflow: hidden;
}
#aboutSZ #main .itemBox .swiper-button-prev {
   width: 40px;
   height: 40px;
   background-image: url(../images/product/prev02_on.png);
   background-size: 100% 100%;
   left: -3%;
}
#aboutSZ #main .itemBox .swiper-button-next {
   width: 40px;
   height: 40px;
   background-image: url(../images/product/next02_on.png);
   background-size: 100% 100%;
   right: -3%;
}
#aboutSZ #main .section05 .itemBox-swiper .item .photo .pc {
   width: 100%;
   height: 26vw;
}

/*------------------------------------------------------------
	strategic.html
------------------------------------------------------------*/
#strategic #main .section {
	padding: 80px 81px 100px;
	position: relative;
	background: #fff;
}
#strategic #main .section .sliderBox {
	margin-bottom: 59px;
	padding: 0 99px 60px;
	position: relative;
	border-bottom: 1px solid #ddd;
}
#strategic #main .section .sliderBox .btn {
	margin: 0 15px;
	width: 180px;
	float: left;
}
#strategic #main .section .sliderBox .btn a {
	display: block;
	position: relative;
}
#strategic #main .section .sliderBox .btn a>img {
   width: 10vw;
   height: 9vw;
}
#strategic #main .section .sliderBox .btn a > span {
	padding-top: 38px;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
	visibility: hidden;
	opacity: 0;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
	background: rgba(207,0,14,0.8);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#strategic #main .section .sliderBox .btn a:hover span,
#strategic #main .section .sliderBox .btn.on a > span {
	visibility: visible;
	opacity: 1;
}
#strategic #main .section .sliderBox .btn a span img {
	margin: 0 auto 13px;
	display: block;
}
#strategic #main .section .sliderBox .prev {
	position: absolute;
	left: 0;
	top: 65px;
	cursor: pointer;
}
#strategic #main .section .sliderBox .prev:hover {
	background: url(../images/aboutSZ/prev_on.png) no-repeat;
}
#strategic #main .section .sliderBox .next {
	position: absolute;
	right: 0;
	top: 65px;
	cursor: pointer;
}
#strategic #main .section .sliderBox .next:hover {
	background: url(../images/aboutSZ/next_on.png) no-repeat;
}
#strategic #main .section .sliderBox .prev:hover img,
#strategic #main .section .sliderBox .next:hover img {
	visibility: hidden;
}
#strategic #main .section .sliderBox02 .inner .photo {
	max-width: 48.62%;
	float: left;
	overflow: hidden;
}
#strategic #main .section .sliderBox02 .inner .photo img {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#strategic #main .section .sliderBox02 .inner:hover .photo img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
#strategic #main .section .sliderBox02 .inner .txtBox {
	margin-top: 87px;
	width: 680px;
	max-width: 47.23%;
	float: right;
}
#strategic #main .section .sliderBox02 .inner .txtBox .ttl {
	margin-bottom: 45px;
	position: relative;
	color: #cf000e;
	font-size: 40px;
	font-weight: bold;
	letter-spacing: 1.2px;
}
#strategic #main .section .sliderBox02 .inner .txtBox .ttl:before {
	width: 36px;
	height: 4px;
	position: absolute;
	left: 0;
	top: 79px;
	background: #F5CCCF;
	content: "";
}
#strategic #main .section .sliderBox02 .inner .txtBox .ttl span {
	display: block;
	position: relative;
	z-index: 1;
}
#strategic #main .section .sliderBox02 .inner .txtBox .ttl img {
	display: block;
	position: absolute;
	right: 0;
	top: -55px;
}
#strategic #main .section .sliderBox02 .inner .txtBox p {
	color: #5a5a5a;
	font-size: 16px;
	line-height: 1.9;
	opacity: 0.7;
}

/*------------------------------------------------------------
	culture.html
------------------------------------------------------------*/
#culture #main {
	background: #fff;
}
#culture #main .section01 {
	position: relative;
}
#culture #main .section01 .subBox {
	padding: 76px 120px 57px;
	background: #fff;
}
#culture #main .section01 .sliderBox {
	position: relative;
}
#culture #main .section01 .slider .link {
	width: 800px;
	margin: 0 -150px;
	transform: scale(0.76);
	-webkit-transform: scale(0.76);
}
#culture #main .section01 .slider .link.slick-center {
	position: relative;
	z-index: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
}
#culture #main .section01 .slider .link a {
	display: block;
	position: relative;
}
#culture #main .section01 .slider .link.slick-center a {
	padding-bottom: 10px;
}
#culture #main .section01 .slider .link a:before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.1;
	background: #245F82;
	content: "";
}
#culture #main .section01 .slider .link.slick-center a:before {
	display: none;
}
#culture #main .section01 .slider .link a .txtBox {
	padding: 56px 75px 0;
	width: 100%;
	height: 260px;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	color: #fff;
	font-size: 16px;
	line-height: 1.9;
	text-align: center;
	border-bottom: 10px solid #CF000E;
	box-sizing: border-box;
	background: url(../images/culture/bg02.png) no-repeat center bottom;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#culture #main .section01 .slider .link.slick-center a .txtBox {
	visibility: visible;
	opacity: 1;
}
#culture #main .section01 .slider .link a .txtBox span {
	margin-bottom: 6px;
	font-size: 32px;
	font-weight: bold;
	display: block;
}
#culture #main .section01 .sliderBox .prev {
	cursor: pointer;
	position: absolute;
	left: -120px;
	top: 235px;
}
#culture #main .section01 .sliderBox .next {
	cursor: pointer;
	position: absolute;
	right: -120px;
	top: 235px;
}
#culture #main .section01 .sliderBox .prev:hover {
	background: url(../images/aboutSZ/prev_on.png) no-repeat;
}
#culture #main .section01 .sliderBox .next:hover {
	background: url(../images/aboutSZ/next_on.png) no-repeat;
}
#culture #main .section01 .sliderBox .prev:hover img,
#culture #main .section01 .sliderBox .next:hover img {
	visibility: hidden;
}
#culture #main .section01 .slick-dots {
	margin-top: 40px;
	text-align: center;
}
#culture #main .section01 .slick-dots li {
	margin: 0 6px;
	width: 18px;
	height: 18px;
	display: inline-block;
	cursor: pointer;
	background: url(../images/culture/icon01.png) no-repeat;
}
#culture #main .section01 .slick-dots li.slick-active {
	background-image: url(../images/culture/icon02.png);
}
#culture #main .section01 .slick-dots li button {
	display: none;
}
#culture #main .section02 {
	padding: 56px 0 102px 160px;
	background: #F7F7F7;
}
#culture #main .section02 h2 {
	margin-right: 160px;
}
#culture #main .section02 .newsList {
	margin-bottom: -10px;
	padding-bottom: 72px;
	position: relative;
	z-index: 1;
}
#culture #main .section02 .swiper-slide {
	width: 25vw;
   position: relative;
   transition: all .7s;
   cursor: pointer;
}
#culture #main .section02 .swiper-slide .img {
   width: 25vw;
   position: relative;
   z-index: 2;
}
#culture #main .section02 .swiper-slide:hover {
   width: 50vw;
}
#culture #main .section02 .swiper-slide:hover:before {
	width: 100%;
	height: 6px;
	position: absolute;
	left: 0;
	bottom: -68px;
	background: #CF000E;
   content: "";
   z-index: 100;
}
#culture #main .section02 .swiper-slide .txtBox {
   position: absolute;
   width: 25vw;
   height: 100%;
   right: 0;
	top: 0;
	visibility: hidden;
	z-index: 1;
	background: #fff;
	transition: all 0.3s;
   -webkit-transition: all 0.3s;
}
#culture #main .section02 .swiper-slide:hover .txtBox {
	opacity: 1;
	visibility: visible;
}
#culture #main .section02 .swiper-slide .txtBox .subTxtBox {
	padding: 0 40px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	box-sizing: border-box;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
#culture #main .section02 .swiper-slide .txtBox .ttl {
	margin-bottom: 7px;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.35;
}
#culture #main .section02 .swiper-slide .txtBox .date {
	margin-bottom: 19px;
	opacity: 0.7;
	font-size: 14px;
	letter-spacing: -1px;
}
#culture #main .section02 .swiper-slide .txtBox .txt {
	margin-bottom: 74px;
	font-size: 16px;
	line-height: 1.6;
	opacity: 0.7;
}
#culture #main .section02 .swiper-slide .txtBox .btn a {
	display: block;
	width: 140px;
	color: #898989;
	font-size: 16px;
	line-height: 50px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
#culture #main .section02 .swiper-slide .txtBox .btn a:hover {
	color: #fff;
	background: #CF000E;
	border: 1px solid #CF000E;
}
#culture #main .section02 .line {
	margin-right: 80px;
	height: 6px;
	background: #ddd;
}
#culture #main .section03 {
	height: 760px;
	background: url(../images/culture/bg01.jpg) no-repeat center top;
}
#culture #main .section04 {
	padding: 56px 0 100px;
}
#culture #main .section04 h2 {
	margin-bottom: 73px;
}
#culture #main .section04 .sliderBox {
	position: relative;
}
#culture #main .section04 .inner {
   height: 30vw;
	position: relative;
}
#culture #main .section04 .inner .photo {
   width: 50%;
   height: 100%;
	float: left;
}
#culture #main .section04 .inner .photo img {
   height: 100%;
}
#culture #main .section04 .inner .txtBox {
	width: 50%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	box-sizing: border-box;
	border-right: 10px solid #ddd;
	background: #F7F7F7;
}
#culture #main .section04 .inner .txtBox .subTxtBox {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	box-sizing: border-box;
	padding: 0 70px 66px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
#culture #main .section04 .inner .txtBox .subTxtBox .ttl {
	margin-bottom: 25px;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.35;
}
#culture #main .section04 .inner .txtBox .subTxtBox .txt {
	font-size: 18px;
	line-height: 1.65;
	opacity: 0.7;
}
#culture #main .section04 .controls {
	width: 50%;
	padding: 0 72px;
	position: absolute;
	right: 0;
	bottom: 59px;
	z-index: 10;
	box-sizing: border-box;
}
#culture #main .section04 .controls .prev {
	float: left;
	cursor: pointer;
}
#culture #main .section04 .controls .next {
	float: left;
	cursor: pointer;
}
#culture #main .section04 .controls .prev:hover {
	background: url(../images/culture/prev_on.png) no-repeat;
}
#culture #main .section04 .controls .next:hover {
	background: url(../images/culture/next_on.png) no-repeat;
}
#culture #main .section04 .controls .prev:hover img,
#culture #main .section04 .controls .next:hover img {
	visibility: hidden;
}
#culture #main .section04 .controls .page {
	margin: 0 18px;
	float: left;
	color: #bbb;
	font-size: 20px;
	line-height: 40px;
}
#culture #main .section04 .controls .page .num {
	color: #999;
	font-size: 28px;
}
#culture #main .section04 .controls .page .cur {
	color: #cf000e;
	font-size: 28px;
	font-weight: bold;
}
#culture #main .section04 .controls .page .line {
	margin: -1px 2px 0;
	display: inline-block;
	vertical-align: top;
}

/*------------------------------------------------------------
	culture_detail01.html
------------------------------------------------------------*/
#culture_detail #main .section {
	padding-bottom: 100px;
	position: relative;
}
#culture_detail #main .section .subBox {
	padding: 0 240px;
	position: relative;
	background: #fff;
}
#culture_detail #main .section .sliderBox {
	padding: 60px 0 62px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
#culture_detail #main .section .sliderBox .detail {
	padding: 0 88px;
}
#culture_detail #main .section .sliderBox .detail .ttl {
	margin-bottom: 25px;
	padding-bottom: 41px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	background: url(../images/culture/line.png) repeat-x left bottom;
}
#culture_detail #main .section .sliderBox .detail .ttl span {
	margin-bottom: 8px;
	display: block;
	color: #cf000e;
	font-size: 32px;
}
#culture_detail #main .section .sliderBox .detail p {
	margin-bottom: 14px;
	font-size: 16px;
	line-height: 1.9;
}
#culture_detail #main .section .sliderBox .detail .photo {
	margin: 31px 0 32px;
}
#culture_detail #main .section .sliderBox .prev {
	position: absolute;
	left: 90px;
	top: 50%;
	cursor: pointer;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
#culture_detail #main .section .sliderBox .next {
	position: absolute;
	right: 90px;
	top: 50%;
	cursor: pointer;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
#culture_detail #main .section .sliderBox .prev:hover {
	background: url(../images/aboutSZ/prev_on.png) no-repeat;
}
#culture_detail #main .section .sliderBox .next:hover {
	background: url(../images/aboutSZ/next_on.png) no-repeat;
}
#culture_detail #main .section .sliderBox .prev:hover img,
#culture_detail #main .section .sliderBox .next:hover img {
	visibility: hidden;
}

/*------------------------------------------------------------
	responsibility.html
------------------------------------------------------------*/
#responsibility #main .section {
	padding: 80px 60px 60px;
	background: #fff;
	position: relative;
}
#responsibility #main .section .listUl {
	margin-bottom: 20px;
}
#responsibility #main .section .listUl li {
	padding: 0 1.35% 2.7%;
	width: 33.33%;
	float: left;
	box-sizing: border-box;
}
#responsibility #main .section .listUl li a {
	display: block;
}
#responsibility #main .section .listUl li a .img {
	display: block;
	overflow: hidden;
}
#responsibility #main .section .listUl li a .img img {
   height: 16vw;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
#responsibility #main .section .listUl li a:hover .img img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
#responsibility #main .section .listUl li a .txtBox {
	padding: 22px 120px 23px 38px;
	display: block;
	color: #5a5a5a;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border: 1px solid #ddd;
	border-top: none;
	background: #fff url(../images/responsibility/arrow.png) no-repeat right 40px center;
}
#responsibility #main .section .listUl li a .txtBox span {
	margin-bottom: 5px;
	display: block;
	font-size: 30px;
	font-weight: bold;
}
#responsibility #main .section .listUl li a:hover .txtBox {
	color: #cf000e;
	background-image: url(../images/responsibility/arrow_on.png);
}

/*------------------------------------------------------------
	honor.html
------------------------------------------------------------*/
#honor #main .section {
	padding: 79px 60px 60px;
	position: relative;
	background: #fff;
}
#honor #main .section .tabNavi {
	margin-bottom: 59px;
	text-align: center;
}
#honor #main .section .tabNavi li {
	margin: 0 80px 0 83px;
	display: inline-block;
	position: relative;
}
#honor #main .section .tabNavi li a {
	display: inline-block;
}
#honor #main .section .tabNavi li.li01:before {
	width: 52px;
	height: 51px;
	position: absolute;
	right: -110px;
	top: 5px;
	background: url(../images/honor/line.png) no-repeat;
	content: "";
}
/* #honor #main .section .tabNavi li.li01 a:hover,
#honor #main .section .tabNavi li.li01.on a {
	background: url(../images/honor/ttl01_on.png) no-repeat;
}
#honor #main .section .tabNavi li.li02 a:hover,
#honor #main .section .tabNavi li.li02.on a {
	background: url(../images/honor/ttl02_on.png) no-repeat;
} */
/* #honor #main .section .tabNavi li a:hover img,
#honor #main .section .tabNavi li.on a img {
	visibility: hidden;
} */
#honor #main .section .tabPanel {
	margin-bottom: 20px;
}
#honor #main .section .tabPanel li {
	padding: 0 20px;
	width: 25%;
	float: left;
	box-sizing: border-box;
}
#honor #main .section .tabPanel li a {
	margin-bottom: 40px;
	padding: 9px 9px 14px;
	display: block;
	color: #5a5a5a;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #ddd;
	background: #fff;
}
#honor #main .section .tabPanel li a img {
	margin-bottom: 15px;
	display: block;
}

/*------------------------------------------------------------
	careers.html
------------------------------------------------------------*/
#careers #main .section {
	padding: 80px 80px 60px;
	position: relative;
	background: #fff;
}
#careers #main .section .itemBox {
	margin-bottom: 58px;
	padding: 40px 60px 10px;
	background: #F7F8F8;
}
#careers #main .section .itemBox .itemTtl {
	padding: 0 0 16px 30px;
	font-size: 16px;
	opacity: 0.7;
}
#careers #main .section .itemBox .itemTtl li {
	float: left;
}
#careers #main .section .itemBox .li01 {
	width: 45.7%;
}
#careers #main .section .itemBox .li02 {
	width: 13.2%;
}
#careers #main .section .itemBox .li03 {
	width: 10.1%;
}
#careers #main .section .itemBox .li04 {
	width: 10.1%;
}
#careers #main .section .item {
	padding-top: 2px;
	position: relative;
}
#careers #main .section .item:before {
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	background: #EBECEC;
	content: "";
}
#careers #main .section .item .listUl {
	padding: 0 0 0 30px;
	position: relative;
	z-index: 3;
	cursor: pointer;
}
#careers #main .section .item .listUl li {
	float: left;
	font-size: 16px;
	line-height: 77px;
}
#careers #main .section .itemBox li {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#careers #main .section .item .listUl li.li01 {
	font-size: 18px;
}
#careers #main .section .item.on .listUl li.li01 {
	color: #cf000e;
	font-size: 20px;
	font-weight: bold;
}
#careers #main .section .item .listUl li.li06 {
	margin: 31px 46px 0 0;
	float: right;
}
#careers #main .section .item.on .listUl li.li06 {
	background: url(../images/careers/icon01_on.png) no-repeat center top;
}
#careers #main .section .item.on .listUl li.li06 img {
	visibility: hidden;
}
#careers #main .section .item .listUl li.li06 img {
	display: block;
}
#careers #main .section .item.on {
	background: #fff;
}
#careers #main .section .item.on:before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	box-sizing: border-box;
	border: 2px solid #CF000E;
	border-bottom: 6px solid #CF000E;
	background: none;
	content: "";
}
#careers #main .section .item .jsBox {
	margin: 0 2px;
	padding: 25px 20px 53px 88px;
	display: none;
	border-top: 1px solid #ddd;
	background: #fff url(../images/careers/img.jpg) no-repeat right 32px bottom 6px;
	background-size: auto 91%;
}
#careers #main .section .item .jsBox .txt {
	margin-bottom: 34px;
	position: relative;
	z-index: 3;
	font-size: 16px;
}
#careers #main .section .item .jsBox .txt span {
	margin-left: 64px;
}
#careers #main .section .item .dlBox {
	margin-bottom: 10px;
	position: relative;
	z-index: 3;
}
#careers #main .section .item .dlBox dl {
	margin: 0 57px 20px 0;
	float: left;
}
#careers #main .section .item .dlBox dt {
	margin-bottom: 9px;
	font-size: 18px;
	font-weight: bold;
}
#careers #main .section .item .dlBox dd {
	font-size: 16px;
	line-height: 1.85;
}
#careers #main .section .item .email {
	position: relative;
	z-index: 3;
}
#careers #main .section .item .email a {
	width: 240px;
	color: #fefefe;
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	display: block;
	background: #CF000E;
}
#careers #main .section .item .email a img {
	margin: -2px 8px 0 0;
	display: inline-block;
	vertical-align: middle;
}
/*------------------------------------------------------------
	product.html
------------------------------------------------------------*/
.product {
   background-color: #F7F7F7;
}
.product #gNavi > li:nth-child(3) > a {
	color: #cf000e;
}
.product #gNavi > li:nth-child(3) > a:before {
	display: block;
}
.product .banner {
   height: 900px;
   padding-top: 560px;
	background-image: url(../images/product/banner.jpg);
}
.product #main .twoNav .swiper-wrapper {
   justify-content: center;
}
.product #main .twoNav .swiper-slide {
   width: auto;
   padding: 60px 0 0;
}
.product #main .twoNav .swiper-slide a {
   padding: 22px 60px;
   border: 1px solid rgba(76, 71, 67, .5);
   color: rgba(76, 71, 67, .5);
   display: inline-block;
}
.product #main .twoNav .swiper-slide.on a {
   border: 1px solid rgba(207, 0, 14, 1);
   color: rgba(207, 0, 14, 1);
}
#product #main .section {
   padding-top: 60px;
	padding-bottom: 60px;
	position: relative;
}
#product #main .section ul {
	margin: 0 -20px 21px;
}
#product #main .section li {
	padding: 0 20px 40px;
	width: 25%;
	float: left;
	box-sizing: border-box;
}
#product #main .section li:nth-child(5) {
	clear: both;
}
#product #main .section li.recommend {
	width: 100%;
}
#product #main .section li a {
	position: relative;
	display: block;
}
#product #main .section li a .photo {
	display: block;
	overflow: hidden;
}
#product #main .section li a .photo img {
   width: 100%;
   height: 20vw;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#product #main .section li.recommend a .photo img {
   height: 25vw;
}
#product #main .section li a:hover .photo img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1)
}
#product #main .section li a .txtBox {
	padding: 29px 38px 36px;
	position: relative;
	display: block;
	color: #5a5a5a;
	font-size: 16px;
	border-bottom: 10px solid #eee;
   background: #fff;
   transition: all .8s;
}
#product #main .section li a:hover .txtBox {
	color: #cf000e;
	border-bottom: 10px solid #CF000E;
}
#product #main .section li a .txtBox .ttl {
   height: 96px;
	margin-bottom: 3px;
	display: block;
   font-size: 32px;
   padding-right: 70px;
}
#product #main .section li a .txtBox .synopsis {
   width: 80%;
   height: 50px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
}
#product #main .section li a .txtBox .arrow {
	position: absolute;
	right: 40px;
	top: 40px;
}
#product #main .section li a:hover .txtBox .arrow {
   background: url(../images/product/arrow_on.png) no-repeat left top;
   transition: all .8s;
}
#product #main .section li a:hover .txtBox .arrow img {
	visibility: hidden;
}

/*------------------------------------------------------------
	product_detail.html
------------------------------------------------------------*/
#product_detail #main .section {
	padding-bottom: 100px;
	position: relative;
}
#product_detail #main .section .sliderBox {
	position: relative;
}
#product_detail #main .section .inner {
	position: relative;
}
#product_detail #main .section .photo {
	width: 50%;
}
#product_detail #main .section .txtBox {
	width: 50%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	box-sizing: border-box;
	background: #fff url(../images/product/bg02.png) no-repeat right bottom;
}
#product_detail #main .section .subBox {
	padding: 0 80px 0;
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	box-sizing: border-box;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
#product_detail #main .section .txtBox .ttl {
	margin-bottom: 44px;
	position: relative;
	color: #cf000e;
	font-size: 40px;
	font-weight: bold;
}
#product_detail #main .section .txtBox .ttl:before {
	width: 36px;
	height: 4px;
	position: absolute;
	left: 0;
	bottom: -22px;
	opacity: 0.2;
	background: #cf000e;
	content: "";
}
#product_detail #main .section .txtBox .txt {
	margin-bottom: 32px;
	opacity: 0.7;
	font-size: 16px;
	line-height: 1.9;
}
#product_detail #main .section .txtBox .textList {
   display: flex;
   flex-wrap: wrap;
	margin-bottom: 40px;
	padding: 22px 41px 26px;
	background: url(../images/product/bg01.jpg) no-repeat center top;
}
#product_detail #main .section .txtBox .textList li {
   width: 50%;
	font-size: 16px;
	line-height: 1.9;
}
#product_detail #main .section .txtBox .textList li img {
	margin: -2px 15px 0 0;
	display: inline-block;
	vertical-align: middle;
}
#product_detail #main .section .txtBox .back a {
	width: 140px;
	display: block;
	color: #898989;
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
#product_detail #main .section .txtBox .back a:hover {
	color: #fefefe;
	border: 1px solid #CF000E;
	background: #CF000E;
}
#product_detail #main .section .sliderBox .arrow .prev {
	margin-top: -50px;
	position: absolute;
	left: -104px;
	top: 50%;
	cursor: pointer;
}
#product_detail #main .section .sliderBox .arrow .next {
	margin-top: -50px;
	position: absolute;
	right: -104px;
	top: 50%;
	cursor: pointer;
}
#product_detail #main .section .sliderBox .arrow .prev:hover {
	background: url(../images/product/prev02.png) no-repeat;
}
#product_detail #main .section .sliderBox .arrow .next:hover {
	background: url(../images/product/next02.png) no-repeat;
}
#product_detail #main .section .sliderBox .arrow .prev:hover img,
#product_detail #main .section .sliderBox .arrow .next:hover img {
	visibility: hidden;
}
#product_detail #main .section .sliderBox .slick-dots {
	/* padding-left: 230px; */
	text-align: center;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 48px;
	box-sizing: border-box;
}
#product_detail #main .section .sliderBox .slick-dots li {
	margin: 0 6px;
	width: 16px;
	height: 16px;
	display: inline-block;
	cursor: pointer;
	border: 3px solid #fff;
	box-sizing: border-box;
	border-radius: 50%;
}
#product_detail #main .section .sliderBox .slick-dots li.slick-active {
	background: #fff;
}
#product_detail #main .section .sliderBox .slick-dots li button {
	display: none;
}

/*------------------------------------------------------------
	case.html
------------------------------------------------------------*/
#case {
   background-color: #F7F7F7;
}
#case #gNavi > li:nth-child(4) > a {
	color: #cf000e;
}
#case #gNavi > li:nth-child(4) > a:before {
	display: block;
}
#case .banner {
   height: 900px;
   padding-top: 493px;
	background-image: url(../images/case/banner.jpg);
}
#case .banner .twoNav {
   height: 70px;
   position: relative;
   top: 90px;
}
#case .banner .twoNav .swiper-wrapper {
   height: 40px;
   line-height: 40px;
   padding: 30px 40px 0;
   top: -70px;
}
#case .banner .twoNav .swiper-slide {
   width: auto;
   padding-right: 80px;
}
#case .banner .twoNav .swiper-slide .txt {
   font-size: 18px;
   color: rgba(255, 255, 255, .7);
   display: inline-block;
}
#case .banner .twoNav .next i, 
#case .banner .twoNav .prev i {
   color: #FFFFFF;
}
#case .banner .twoNav .swiper-slide .txt.on {
   color: rgba(255, 255, 255, 1);
   border-bottom: 2px solid #FFFFFF;
}
#case .banner .twoNav .next {
   width: 20px;
   height: 20px;
   position: absolute;
   top: 112px;
   left: 0;
}
#case .banner .twoNav .prev {
   width: 20px;
   height: 20px;
   position: absolute;
   top: 112px;
   right: 0;
}

#case #main .section {
   padding-top: 69px;
	padding-bottom: 60px;
	position: relative;
}
#case #main .section ul {
	margin: 0 -20px 20px;
}
#case #main .section li {
	padding: 0 10px 52px;
	width: 25%;
	float: left;
	box-sizing: border-box;
}
#case #main .section li a {
	display: block;
	position: relative;
}
#case #main .section li a>img {
   width: 100%;
   height: 20vw;
}
#case #main .section li a .txtBox {
	padding: 0 15px;
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	bottom: 15px;
	box-sizing: border-box;
}
#case #main .section li a .subBox {
   height: 40px;
	padding: 20px 70px 20px 20px;
	display: block;
	position: relative;
	color: #5a5a5a;
	font-size: 12px;
	border-bottom: 5px solid rgba(255,255,255,0);
   background: rgba(255,255,255,0.9);
   overflow: hidden;
   text-overflow:ellipsis;
   white-space: nowrap;
   display: flex;
   align-items: center;
   justify-content: center;
}
#case #main .section li a .subBox span {
   line-height: 1;
	display: block;
	font-size: 18px;
   font-weight: bold;
   overflow: hidden;
   text-overflow:ellipsis;
   white-space: nowrap;
}
#case #main .section li a .subBox .arrow {
	width: 40px;
   height: 40px;
   position: absolute;
   right: 20px;
   top: 20px;
}
#case #main .section li a:hover .subBox {
	color: #cf000e;
	border-bottom: 5px solid #D41926;
}
#case #main .section li a:hover .subBox .arrow {
   background: url(../images/case/arrow_on.png) no-repeat;
   background-size: 100% 100%;
}
#case #main .section li a:hover .subBox .arrow img {
	visibility: hidden;
}
/*------------------------------------------------------------
	case_detail.html
------------------------------------------------------------*/
#case_detail #main {
	padding-bottom: 90px;
}
#case_detail #main .section {
	padding: 80px 0 0;
	position: relative;
	background: #fff;
}
#case_detail #main .section .sliderBox .subBox {
	padding: 0 80px 33px;
}
#case_detail #main .section .sliderBox .photo {
	margin-bottom: 49px;
}
#case_detail #main .section .sliderBox .txtBox {
}
#case_detail #main .section .sliderBox .ttl {
	margin-top: 2px;
	width: 27%;
	float: left;
	color: #cf000e;
	font-size: 32px;
	line-height: 1.25;
	font-weight: bold;
}
#case_detail #main .section .sliderBox .txt {
	width: 66.7%;
	float: right;
}
#case_detail #main .section .sliderBox .txt p {
	margin-bottom: 14px;
	font-size: 16px;
	line-height: 1.9;
}
#case_detail #main .section .sliderBox .arrow {
	padding: 30px 80px;
	border-top: 1px solid #ddd;
}
#case_detail #main .section .sliderBox .arrow .prev {
	float: left;
	cursor: pointer;
}
#case_detail #main .section .sliderBox .arrow .next {
	float: right;
	cursor: pointer;
}
#case_detail #main .section .sliderBox .arrow .prev:hover {
	background: url(../images/aboutSZ/prev_on.png) no-repeat;
}
#case_detail #main .section .sliderBox .arrow .next:hover {
	background: url(../images/aboutSZ/next_on.png) no-repeat;
}
#case_detail #main .section .sliderBox .arrow .back {
	text-align: center;
}
#case_detail #main .section .sliderBox .arrow .back a {
	display: inline-block;
}
#case_detail #main .section .sliderBox .arrow .back a:hover {
	background: url(../images/case/btn_on.png) no-repeat;
}
#case_detail #main .section .sliderBox .prev:hover img,
#case_detail #main .section .sliderBox .next:hover img,
#case_detail #main .section .sliderBox a:hover img {
	visibility: hidden;
}

/*------------------------------------------------------------
	news.html
------------------------------------------------------------*/
.news #gNavi > li:nth-child(5) > a {
	color: #cf000e;
}
.news #gNavi > li:nth-child(5) > a:before {
	display: block;
}
.news .banner {
	background-image: url(../images/news/banner.jpg);
}
#news #main .section {
	padding-bottom: 60px;
	position: relative;
}
#news #main .section .topBox {
	margin-bottom: 60px;
	position: relative;
}
#news #main .section .topBox .photo {
	width: 50%;
	overflow: hidden;
}
#news #main .section .topBox .photo img {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#news #main .section .topBox .photo:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
#news #main .section .topBox .txtBox {
	width: 50%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}
#news #main .section .topBox .txtBox li {
	width: 50%;
	height: 50%;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
#news #main .section .topBox .txtBox li:nth-child(2n) {
	left: 50%;
	border-right: none;
}
#news #main .section .topBox .txtBox li:nth-child(3) {
	top: 50%;
	border-bottom: none;
}
#news #main .section .topBox .txtBox li:nth-child(4) {
	top: 50%;
	border-bottom: none;
}
#news #main .section .topBox .txtBox li a {
	height: 100%;
	display: block;
	background: #fff;
}
#news #main .section .topBox .txtBox li a span {
	display: block;
}
#news #main .section .topBox .txtBox li a .subBox {
	position: absolute;
	left: 0;
	top: 50%;
	box-sizing: border-box;
	width: 100%;
	padding: 20px 35px 0 40px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
#news #main .section .topBox .txtBox li a .ttl {
   height: 85px;
   min-height: unset !important;
	margin-bottom: 17px;
	font-size: 30px;
	font-weight: bold;
   line-height: 1.35;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
}
#news #main .section .topBox .txtBox li a .txt {
   min-height: unset !important;
	margin-bottom: 50px;
	font-size: 16px;
	line-height: 1.6;
   opacity: 0.7;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 4;
   overflow: hidden;
}
#news #main .section .topBox .txtBox li a .date {
	opacity: 0.7;
	font-size: 14px;
}
#news #main .section .topBox .txtBox li a:hover {
	background: #CF000E;
	color: #fff;
}
#news #main .section .topBox .txtBox li a:hover .date {
	opacity: 1;
	color: #fff;
}
#news #main .section .listUl {
	margin-bottom: 60px;
}
#news #main .section .listUl li a {
	display: block;
	overflow: hidden;
	zoom: 1;
	padding: 25px 40px;
	position: relative;
	border-bottom: 1px solid #ddd;
}
#news #main .section .listUl li a:hover {
	padding-bottom: 16px;
	background: #fff;
	border-bottom: 10px solid #CF000E;
}
#news #main .section .listUl li a > .img {
   width: 280px;
   height: 210px;
	display: block;
	float: left;
	overflow: hidden;
}
#news #main .section .listUl li a > .img img {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#news #main .section .listUl li a:hover > .img img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
#news #main .section .listUl li a span {
	display: block;
}
#news #main .section .listUl li a .txtBox {
	padding: 26px 220px 20px 320px;
	min-height: 210px;
	box-sizing: border-box;
}
#news #main .section .listUl li a .txtBox .ttl {
	margin-bottom: 4px;
	font-size: 30px;
	font-weight: bold;
}
#news #main .section .listUl li a:hover .txtBox .ttl {
	color: #cf000e;
}
#news #main .section .listUl li a .txtBox .txt {
	margin-bottom: 10px;
	min-height: 86px;
	font-size: 16px;
	line-height: 1.7;
	opacity: 0.7;
}
#news #main .section .listUl li a:hover .txtBox .txt {
	opacity: 1;
}
#news #main .section .listUl li a .txtBox .date {
	color: #cf000e;
	font-size: 11px;
}
#news #main .section .listUl li a .arrow {
	position: absolute;
	right: 90px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
#news #main .section .listUl li a:hover .arrow {
	background: url(../images/news/arrow_on.png) no-repeat;
}
#news #main .section .listUl li a:hover .arrow img {
	visibility: hidden;
}

/*------------------------------------------------------------
	news_detail.html
------------------------------------------------------------*/
#news_detail #main .section {
	padding-bottom: 100px;
	position: relative;
}
#news_detail #main .section .lBox {
	width: 68.72%;
	float: left;
	background: #fff;
}
#news_detail #main .section .lBox .item {
	padding: 60px 80px 29px;
}
#news_detail #main .section .lBox .item .ttl {
	margin-bottom: 32px;
	padding-bottom: 21px;
	color: #cf000e;
	font-size: 14px;
	background: url(../images/culture/line.png) repeat-x left bottom;
}
#news_detail #main .section .lBox .item .ttl span {
	margin-bottom: 16px;
	display: block;
	font-size: 32px;
	font-weight: bold;
}
#news_detail #main .section .lBox .item p {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 1.9;
}
#news_detail #main .section .lBox .item .title {
	margin-bottom: 6px;
	font-size: 22px;
	font-weight: bold;
}
#news_detail #main .section .lBox .item .photo {
	margin: 31px 0 29px;
}
#news_detail #main .section .sliderBox .arrow {
	padding: 30px 80px;
	border-top: 1px solid #ddd;
}
#news_detail #main .section .sliderBox .arrow .prev {
	float: left;
	cursor: pointer;
}
#news_detail #main .section .sliderBox .arrow .next {
	float: right;
	cursor: pointer;
}
#news_detail #main .section .sliderBox .arrow .prev:hover {
	background: url(../images/aboutSZ/prev_on.png) no-repeat;
}
#news_detail #main .section .sliderBox .arrow .next:hover {
	background: url(../images/aboutSZ/next_on.png) no-repeat;
}
#news_detail #main .section .sliderBox .arrow .back {
	text-align: center;
}
#news_detail #main .section .sliderBox .arrow .back a {
	display: inline-block;
}
#news_detail #main .section .sliderBox .arrow .back a:hover {
	background: url(../images/case/btn_on.png) no-repeat;
}
#news_detail #main .section .sliderBox .prev:hover img,
#news_detail #main .section .sliderBox .next:hover img,
#news_detail #main .section .sliderBox a:hover img {
	visibility: hidden;
}
#news_detail #main .section .rBox {
	width: 28.72%;
	float: right;
}
#news_detail #main .section .rBox li {
	margin-bottom: 30px;
}
#news_detail #main .section .rBox li a {
	display: block;
	background: #fff;
}
#news_detail #main .section .rBox li a span {
	display: block;
}
#news_detail #main .section .rBox li a .txtBox {
	padding: 21px 35px 36px 40px;
}
#news_detail #main .section .rBox li a .ttl {
	margin-bottom: 5px;
	font-size: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#news_detail #main .section .rBox li a .txt {
	margin-bottom: 30px;
	opacity: 0.7;
	font-size: 16px;
	line-height: 1.65;
}
#news_detail #main .section .rBox li a .date {
	color: #cf000e;
	font-size: 14px;
}
#news_detail #main .section .rBox li a:hover {
	color: #fff;
	background: #cf000e;
}
#news_detail #main .section .rBox li a:hover .date {
	color: #fff;
}

/*------------------------------------------------------------
	contact.html
------------------------------------------------------------*/
#contact #gNavi > li:nth-child(7) > a {
	color: #cf000e;
}
#contact #gNavi > li:nth-child(7) > a:before {
	display: block;
}
#contact .banner {
	margin-bottom: 0;
	background-image: url(../images/contact/banner.jpg);
}
/* #contact #main .section {
	position: relative;
} */
/* #contact #main .section .listUl {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
} */
#contact #main .section .listUl li {
	width: 33.33%;
	float: left;
	box-sizing: border-box;
}
#contact #main .section .listUl li a {
	display: block;
	position: relative;
	font-size: 18px;
   border-right: 1px solid #ddd;
   border-top: 1px solid #ddd !important;
	background: #fff;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#contact #main .section .listUl li.on a,
#contact #main .section .listUl li a:hover {
	color: #fff;
}
#contact #main .section .listUl li a > img {
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#contact #main .section .listUl li.on a > img,
#contact #main .section .listUl li a:hover > img {
	visibility: visible;
	opacity: 1;
}
#contact #main .section .listUl li:last-child a {
	border: none;
}
#contact #main .section .listUl li a span {
	display: block;
}
#contact #main .section .listUl li a .txtBox {
	padding: 100px 78px 22px;
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 50%;
   box-sizing: border-box;
   transform: translate(0,-50%);
   -webkit-transform: translate(0,-50%);
   display: inline-block;
}
#contact #main .section .listUl li a .ttl {
	margin-bottom: 39px;
	position: relative;
	font-size: 20px;
	font-weight: bold;
}
#contact #main .section .listUl li a .ttl:before {
	width: 26px;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: -18px;
	background: #CF000E;
	content: "";
}
#contact #main .section .listUl li.on a .ttl:before,
#contact #main .section .listUl li a:hover .ttl:before {
	opacity: 0.6;
	background: #fff;
}
#contact #main .section .listUl li a .ttl span {
	position: relative;
	z-index: 2;
}
#contact #main .section .listUl li a .ttl .num {
	position: absolute;
	right: -30px;
	top: 50%;
	z-index: 1;
	font-size: 120px;
	opacity: 0.1;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
#contact #main .section .listUl li a .list {
	margin-bottom: 9px;
   padding-left: 35px;
   font-size: 17px;
	color: #707070;
	background: url(../images/contact/icon01.png) no-repeat 4px center;
}
#contact #main .section .listUl li a:hover .list {
	color: #fff;
}
#contact #main .section .listUl li a .list02 {
	background-image: url(../images/contact/icon02.png);
}
#contact #main .section .listUl li a .list03 {
	background-image: url(../images/contact/icon03.png);
}
#contact #main .section .listUl li a .list04 {
	background-image: url(../images/contact/icon04.png);
}
#contact #main .section .listUl li.on a .list,
#contact #main .section .listUl li a:hover .list {
	color: #fff;
	background-image: url(../images/contact/icon01_on.png);
}
#contact #main .section .listUl li.on a .list02,
#contact #main .section .listUl li a:hover .list02 {
	background-image: url(../images/contact/icon02_on.png);
}
#contact #main .section .listUl li.on a .list03,
#contact #main .section .listUl li a:hover .list03 {
	background-image: url(../images/contact/icon03_on.png);
}
#contact #main .section .listUl li.on a .list04,
#contact #main .section .listUl li a:hover .list04 {
	background-image: url(../images/contact/icon04_on.png);
}
#contact #main .mapBox {
	height: 900px;
	position: relative;
}
#contact #main .mapBox .map {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
}
#contact #main .mapBox .map.show {
	visibility: visible;
	opacity: 1;
}
#contact #main .map iframe {
	width: 100% !important;
	height: 900px !important;
	display: block;
}

/*------------------------------------------------------------
	technical.html
------------------------------------------------------------*/
.technical #gNavi > li:nth-child(6) > a {
	color: #cf000e;
}
.technical #gNavi > li:nth-child(6) > a:before {
	display: block;
}
.technical .banner {
	background-image: url(../images/technical/banner.jpg);
}
#technical #main .section {
	padding: 80px 60px 60px;
	position: relative;
	background: #fff;
}
#technical #main .section .title img,
#technical #main .cubeCountBox .title img {
   margin: 0 auto 61px;
   display: block;
}
#technical #main .section .list,
#technical #main .cubeCountBox .list {
   display: flex;
   flex-wrap: wrap;
}
#technical #main .section .list .item,
#technical #main .cubeCountBox .list .item {
   width: calc(50% - 70px);
   background-color: #f9f9f9;
   padding: 40px 60px 50px 0;
}
#technical #main .section .list .item:nth-child(1),
#technical #main .cubeCountBox .list .item:nth-child(1) {
   margin-right: 20px;
}
#technical #main .section .item .title,
#technical #main .cubeCountBox .item .title {
   line-height: 20px;
   font-size: 17px;
   font-weight: bold;
   color: #cf000e;
   letter-spacing: 1px;
   border-left: 10px solid #cf000e;
   padding-left: 20px;
   margin-bottom: 10px;
}
#technical #main .section .item .row {
   display: flex;
   padding: 0;
   padding-top: 20px;
}
#technical #main .section .item .row .name {
   width: 100px;
   height: 60px;
   line-height: 60px;
   font-size: 12px;
   padding-left: 40px;
   color: #5a5a5a;
   display: inline-block;
}
#technical #main .section .item .row .select {
   width: calc(100% - 140px);
   height: 60px;
   position: relative;
}
#technical #main .section .item .row .select input {
   width: calc(100% - 66px);
   height: 58px;
   padding: 0 32px;
   background-color: #FFF;
   border: solid 1px #DDD;
   cursor: pointer;
}
#technical #main .section .item .row .select .arrow_icon {
   width: initial;
   position: absolute;
   top: 27.5px;
   right: 21px;
}
#technical #main .section .item .row .select ul {
   position: relative;
   z-index: 100;
   display: none;
}
#technical #main .section .item .row .select .option {
   height: 58px;
   line-height: 60px;
   padding: 0 32px;
   background-color: #FFF;
   border: 1px solid #DDD;
   border-top: none;
   cursor: pointer;
}
#technical #main .section .item .row .select .option:hover {
   background-color: #DDD;
}
#technical #main .section .list .item:nth-child(2) .row .name {
   width: 240px;
}
#technical #main .section .list .item:nth-child(2) .row div:nth-child(3) {
   margin-left: 10px;
}
#technical #main .section .list .item:nth-child(2) .row .one {
   width: calc(100% - 282px);
}
#technical #main .section .list .item:nth-child(2) .row .two {
   width: calc((100% - 290px) / 2);
}
#technical #main .section .list .item:nth-child(2) .row .radio {
   height: 60px;
   position: relative;
}
#technical #main .section .list .item:nth-child(2) .row .radio input {
   width: calc(100% - 82px);
   height: 58px;
   padding: 0 62px 0 20px;
   background-color: #F9F9F9;
   border: solid 1px #DDD;
}
#technical #main .section .list .item:nth-child(2) .row .select {
   width: 100%;
}
#technical #main .section .list .item:nth-child(2) .row .select input {
   width: calc(100% - 54px);
   padding: 0 32px 0 20px;
}
#technical #main .section .list .item:nth-child(2) .row .radio .unit {
   line-height: 16px;
   font-size: 12px;
   color: #7A7A7A;
   position: absolute;
   top: 22px;
   right: 19px;
}
#technical #main .section .countBox {
   height: 129px;
   background-color: #F9F9F9;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 20px;
}
#technical #main .section .countBox .btn {
   width: 240px;
   height: 50px;
   line-height: 50px;
   font-size: 12px;
   letter-spacing: 2px;
   color: #FFF;
   border: none;
   outline: none;
   background-color: #CF000E;
   cursor: pointer;
}
#technical #main .cubeCountBox {
   padding: 80px 60px 100px;
   border-top: 2px solid #EEE;
   background-color: #FFF;
}
#technical #main .cubeCountBox ul {
   display: flex;
   flex-wrap: wrap;
}
#technical #main .cubeCountBox li {
   width: 50%;
   margin-top: 20px;
   display: flex;
}
#technical #main .cubeCountBox li .name {
   width: 59px;
   line-height: 60px;
   padding-left: 41px;
   font-size: 12px;
   display: inline-block;
}
#technical #main .cubeCountBox li .radio {
   width: calc(100% - 101px);
   height: 60px;
   position: relative;
}
#technical #main .cubeCountBox li .radio input {
   width: calc(100% - 72px);
   height: 58px;
   padding: 0 50px 0 20px;
   background-color: #F9F9F9;
	border: solid 1px #DDD;
}
#technical #main .cubeCountBox li .radio .unit {
   line-height: 16px;
   font-size: 12px;
   color: #7A7A7A;
   position: absolute;
   top: 22px;
   right: 21px;
}

/*------------------------------------------------------------
	installation.html
------------------------------------------------------------*/
#installation #main .section {
	padding: 80px 60px 62px;
	position: relative;
	background: #fff;
}
#installation #main .section ul {
	margin-bottom: 48px;
}
#installation #main .section li {
	padding: 0 20px 12px;
	width: 50%;
	float: left;
	box-sizing: border-box;
}
#installation #main .section li .file {
	padding-right: 40px;
	display: block;
	overflow: hidden;
	zoom: 1;
	font-size: 18px;
	font-weight: bold;
	line-height: 78px;
	background: #F7F7F7;
}
#installation #main .section li .file:hover {
	color: #fff;
	box-shadow: 0 0 6px rgba(207,0,14,0.9);
	background: url(../images/installation/bg01.jpg) no-repeat left top;
}
#installation #main .section li .file img {
	display: block;
}
#installation #main .section li .file:hover img {
	visibility: hidden;
}
#installation #main .section li .file .txt {
	padding-left: 76px;
	display: block;
	float: left;
	background: url(../images/installation/icon01.png) no-repeat 30px center;
}
#installation #main .section li .file:hover .txt {
	background-image: url(../images/installation/icon01_on.png);
}
#installation #main .section li .file .down {
	margin: 26px 0 0 15px;
	float: right;
	display: block;
}
#installation #main .section li .file .eye {
	margin-top: 26px;
	float: right;
	display: block;
}
#installation #main .section li .file:hover .down {
	background-image: url(../images/installation/icon03_on.png);
}
#installation #main .section li .file:hover .eye {
	background-image: url(../images/installation/icon02_on.png);
}
/*------------------------------------------------------------
	service.html
------------------------------------------------------------*/
#service #main .section {
	position: relative;
}
#service #main .section .mapBox {
	overflow: hidden;
}
#service #main .section .map {
	margin: -500px 0 0 -800px;
	width: 1600px;
	height: 1000px;
	position: absolute;
	left: 50%;
	top: 50%;
}
#service #main .txtBox {
	position: absolute;
	left: 99px;
	top: 29.3%;
}
#service #main .txtBox .ttl {
	margin-bottom: 25px;
	font-size: 42px;
	font-weight: bold;
	line-height: 1.3;
}
#service #main .txtBox .txt {
	margin-bottom: 54px;
	font-size: 18px;
	opacity: 0.7;
	line-height: 1.65;
}
#service #main .txtBox .link a {
	width: 140px;
	display: block;
	color: #898989;
	font-size: 16px;
	font-weight: bold;
	line-height: 48px;
	text-align: center;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
#service #main .txtBox .link a:hover {
	color: #fefefe;
	background: #CF000E;
	border-color: #CF000E;
}
#service #main .section .map .popBox {
	width: 360px;
	height: 230px;
	position: absolute;
	right: 455px;
   top: 292px;
	z-index: 100;
	display: none;
	box-sizing: border-box;
	border: 3px solid #CF000E;
	background: #fff;
	box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
#service #main .section .map .popBox .arrow {
	position: absolute;
	right: -80px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
#service #main .section .map .popBox .ttl {
	padding-bottom: 4px;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	line-height: 43px;
	text-align: center;
	background: #CF000E;
}
#service #main .section .map .popBox .ttl img {
	margin: -2px 12px 0 0;
	display: inline-block;
	vertical-align: middle;
}
#service #main .section .map .popBox ul {
	margin: 22px 0 0 28px;
}
#service #main .section .map .popBox li {
	margin-bottom: 9px;
	font-size: 18px;
	color: #707070;
}
#service #main .section .map .popBox li img {
	margin: -2px 14px 0 0;
	display: inline-block;
	vertical-align: middle;
}
#service #main .section .map .dot {
	animation: mymove 2s linear infinite;
	-webkit-animation: mymove 2s linear infinite;
}
#service #main .section .map .dot01 {
   width: 50px;
	position: absolute;
	right: 200px;
	top: 190px;
}
#service #main .section .map .dot02 {
	width: 50px;
	position: absolute;
	right: 205px;
   top: 245px;
}
#service #main .section .map #pop02 {
	right: 440px;
   top: 302px;
}
#service #main .section .map .dot03 {
	width: 50px;
	position: absolute;
   right: 220px;
   top: 300px;
}
#service #main .section .map #pop03 {
	right: 380px;
   top: 442px;
}
#service #main .section .map .dot04 {
	width: 50px;
	position: absolute;
	right: 345px;
   top: 355px;
}
#service #main .section .map #pop04 {
   right: 420px;
   top: 532px;
}
#service #main .section .map .dot05 {
	width: 50px;
	position: absolute;
	right: 350px;
   top: 370px;
}
#service #main .section .map #pop05 {
	right: 500px;
   top: 697px;
}
#service #main .section .map .dot06 {
	width: 50px;
	position: absolute;
	right: 330px;
   top: 370px;
}
#service #main .section .map #pop06 {
	right: 399px;
	top: 465px;
}
#service #main .section .map .dot07 {
	width: 60px;
	position: absolute;
	right: 365px;
   top: 395px;
	z-index: 4;
}
#service #main .section .map #pop07 {
	right: 473px;
	top: 496px;
}
#service #main .section .map .dot08 {
	width: 60px;
	position: absolute;
	right: 350px;
   top: 405px;
	z-index: 2;
}
#service #main .section .map #pop08 {
	right: 319px;
	top: 501px;
}
#service #main .section .map .dot09 {
   width: 50px;
	position: absolute;
	right: 325px;
   top: 455px;
}
#service #main .section .map #pop09 {
	right: 312px;
	top: 470px;
}
#service #main .section .map .dot10 {
	width: 50px;
	position: absolute;
	right: 225px;
   top: 565px;
}
#service #main .section .map #pop10 {
	right: 454px;
	top: 677px;
}
#service #main .section .map .dot11 {
   width: 50px;
	position: absolute;
	right: 265px;
   top: 555px;
}
#service #main .section .map .dot12 {
	width: 60px;
	position: absolute;
	right: 290px;
   top: 545px;
   z-index: 2;
}
#service #main .section .map .dot13 {
	width: 50px;
	position: absolute;
   right: 315px;
   top: 560px;
}
#service #main .section .map .dot14 {
	width: 50px;
	position: absolute;
	right: 245px;
   top: 620px;
}
#service #main .section .map .dot15 {
	width: 50px;
	position: absolute;
	right: 245px;
   top: 685px;
}
#service #main .section .map .dot16 {
   width: 50px;
	position: absolute;
   right: 435px;
   top: 350px;
}
#service #main .section .map .dot17 {
	width: 50px;
	position: absolute;
	right: 425px;
   top: 440px;
}
#service #main .section .map .dot18 {
	width: 50px;
	position: absolute;
   right: 395px;
   top: 520px;
}
#service #main .section .map .dot19 {
	width: 50px;
	position: absolute;
	right: 420px;
   top: 585px;
}
#service #main .section .map .dot20 {
	width: 60px;
	position: absolute;
   right: 330px;
   top: 635px;
}
#service #main .section .map .dot21 {
   width: 50px;
	position: absolute;
   right: 330px;
   top: 670px;
}
#service #main .section .map .dot22 {
	width: 50px;
	position: absolute;
   right: 355px;
   top: 790px;
}
#service #main .section .map .dot23 {
	width: 50px;
	position: absolute;
   right: 380px;
   top: 775px;
   z-index: 2;
}
#service #main .section .map .dot24 {
	width: 60px;
	position: absolute;
	right: 410px;
   top: 800px;
}
#service #main .section .map .dot25 {
	width: 50px;
	position: absolute;
	right: 455px;
   top: 885px;
}
#service #main .section .map .dot26 {
	width: 50px;
	position: absolute;
	right: 490px;
   top: 785px;
}
#service #main .section .map .dot27 {
	width: 50px;
	position: absolute;
   right: 395px;
   top: 665px;
}
#service #main .section .map .dot28 {
	width: 50px;
	position: absolute;
	right: 545px;
   top: 430px;
}
#service #main .section .map .dot29 {
   width: 50px;
	position: absolute;
	right: 500px;
   top: 510px;
}
#service #main .section .map .dot30 {
	width: 50px;
	position: absolute;
   right: 530px;
   top: 635px;
}
#service #main .section .map .dot31 {
   width: 50px;
	position: absolute;
   right: 515px;
   top: 685px;
}
#service #main .section .map .dot32 {
	width: 50px;
	position: absolute;
   right: 625px;
   top: 740px;
}
#service #main .section .map .dot33 {
	width: 50px;
	position: absolute;
   right: 595px;
   top: 600px;
}
#service #main .section .map .dot34 {
	width: 50px;
	position: absolute;
   right: 605px;
   top: 490px;
}
#service #main .section .map .dot35 {
	width: 50px;
	position: absolute;
	right: 680px;
   top: 465px;
}
#service #main .section .map .dot36 {
	width: 50px;
	position: absolute;
	right: 880px;
   top: 580px;
}
#service #main .section .map .dot37 {
	width: 50px;
	position: absolute;
   right: 925px;
   top: 305px;
}
@keyframes mymove
{
0% { opacity: 1; transform:scale(1);}
50% { opacity: 0.8; transform:scale(0.8); }
100% { opacity: 1; transform:scale(1); }
}

@-webkit-keyframes mymove
{
0% { opacity: 1; -webkit-transform:scale(1);}
50% { opacity: 0.8; -webkit-transform:scale(0.8); }
100% { opacity: 1; -webkit-transform:scale(1); }
}

/*------------------------------------------------------------
	innovating.html
------------------------------------------------------------*/
#innovating #main .section {
	padding: 80px;
	background: #fff;
	position: relative;
}
#innovating #main .section .inner {
}
#innovating #main .section .inner .photo {
	float: right;
	width: 50%;
	overflow: hidden;
}
#innovating #main .section .inner .photo img {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
#innovating #main .section .inner .photo:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
#innovating #main .section .inner .txtBox {
	padding: 65px 80px 0 0;
	width: 50%;
	float: left;
	box-sizing: border-box;
}
#innovating #main .section .inner .txtBox .ttl {
	margin-bottom: 43px;
	color: #cf000e;
	font-size: 42px;
	font-weight: bold;
	position: relative;
}
#innovating #main .section .inner .txtBox .ttl:before {
	width: 30px;
	height: 3px;
	position: absolute;
	left: 2px;
	bottom: -22px;
	background: #EAEBEB;
	content: "";
}
#innovating #main .section .inner .txtBox .ttl img {
	position: absolute;
	right: 0;
	top: 2px;
}
#innovating #main .section .inner .txtBox p {
	font-size: 18px;
	line-height: 1.75;
	opacity: 0.7;
}
#innovating #main .section .inner02 .photo {
	float: left;
}
#innovating #main .section .inner02 .txtBox {
	padding: 95px 0 0 80px;
	float: right;
}
/*------------------------------------------------------------
	quality.html
------------------------------------------------------------*/
#quality #main .section {
	padding: 80px;
	position: relative;
	background: #fff;
}
#quality #main .section .sliderBox {
	position: relative;
}
#quality #main .section .txtBox {
	width: 480px;
	height: 82.86%;
	position: absolute;
	right: 60px;
	top: 8.57%;
	box-sizing: border-box;
	border-bottom: 10px solid #CF000E;
	background: rgba(255,255,255,0.93);
}
#quality #main .section .txtBox .subBox {
	padding: 20px 60px 104px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	box-sizing: border-box;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
#quality #main .section .txtBox .ttl {
	margin-bottom: 45px;
	position: relative;
	color: #cf000e;
	font-size: 40px;
	font-weight: bold;
}
#quality #main .section .txtBox .ttl span {
	display: block;
	position: absolute;
	right: 0;
	top: -50px;
	color: #cf000e;
	font-size: 120px;
	opacity: 0.1;
}
#quality #main .section .txtBox .ttl:before {
	width: 36px;
	height: 4px;
	position: absolute;
	left: 0;
	bottom: -23px;
	background: #EEC6CB;
	content: "";
}
#quality #main .section .txtBox p {
	font-size: 16px;
	line-height: 1.9;
	opacity: 0.7;
}
#quality #main .section .txtBox .controls {
	padding: 0 60px;
	position: absolute;
	left: 0;
	bottom: 68px;
	z-index: 10;
	box-sizing: border-box;
}
#quality #main .section .txtBox .controls .prev {
	float: left;
	cursor: pointer;
}
#quality #main .section .txtBox .controls .next {
	float: left;
	cursor: pointer;
}
#quality #main .section .txtBox .controls .prev:hover {
	background: url(../images/culture/prev_on.png) no-repeat;
}
#quality #main .section .txtBox .controls .next:hover {
	background: url(../images/culture/next_on.png) no-repeat;
}
#quality #main .section .txtBox .controls .prev:hover img,
#quality #main .section .txtBox .controls .next:hover img {
	visibility: hidden;
}
#quality #main .section .txtBox .controls .page {
	margin: 0 18px;
	float: left;
	color: #bbb;
	font-size: 20px;
	line-height: 40px;
}
#quality #main .section .txtBox .controls .page .num {
	color: #999;
	font-size: 28px;
}
#quality #main .section .txtBox .controls .page .cur {
	color: #cf000e;
	font-size: 28px;
	font-weight: bold;
}
#quality #main .section .txtBox .controls .page .line {
	margin-top: -1px;
	display: inline-block;
	vertical-align: top;
}


@media all and (min-width: 1501px) and (max-width: 1700px) {
	/*------------------------------------------------------------
		culture.html
	------------------------------------------------------------*/
	#culture #main .section04 .inner .txtBox .subTxtBox {
		padding-bottom: 20px;
	}
	#culture #main .section04 .controls {
		bottom: 10px;
	}
	/*------------------------------------------------------------
		news.html
	------------------------------------------------------------*/
	#news #main .section .topBox .txtBox li a .txt {
		margin-bottom: 20px;
	}
	/*------------------------------------------------------------
		contact.html
	------------------------------------------------------------*/
	#contact #main .section .listUl li a .txtBox {
		padding: 100px 50px 22px;
	}
	/*------------------------------------------------------------
		innovating.html
	------------------------------------------------------------*/
	#innovating #main .section .inner .txtBox {
		padding-top: 30px !important;
	}
	/*------------------------------------------------------------
		quality.html
	------------------------------------------------------------*/
	#quality #main .section .txtBox .controls {
		bottom: 40px;
	}
	
	/*------------------------------------------------------------
		product_detail.html
	------------------------------------------------------------*/
	#product_detail #main .section .sliderBox .arrow .prev {
		left: -50px;
	}
	#product_detail #main .section .sliderBox .arrow .next {
		right: -50px;
	}
	
}
@media all and (min-width: 1281px) and (max-width: 1500px) {
	/*------------------------------------------------------------
		aboutSZ.html
	------------------------------------------------------------*/
	.banner {
		margin-bottom: -100px;
		padding-top: 239px;
		height: 500px;
	}
	#aboutSZ #main .section01 .txtBox {
		margin-top: 0;
   }
	
	/*------------------------------------------------------------
		strategic.html
	------------------------------------------------------------*/
	#strategic #main .section .sliderBox02 .inner .txtBox .ttl {
		font-size: 36px;
   }
   
   /*------------------------------------------------------------
		case.html
   ------------------------------------------------------------*/
   #case .banner {
      height: 800px;
   }

	/*------------------------------------------------------------
		culture.html
	------------------------------------------------------------*/
	#culture #main .section04 .inner .txtBox .subTxtBox {
		padding-bottom: 20px;
	}
	#culture #main .section02 .swiper-slide .txtBox .ttl {
		font-size: 24px;
	}
	#culture #main .section02 .swiper-slide .txtBox .txt {
		margin-bottom: 40px;
		font-size: 14px;
	}
	#culture #main .section04 .inner .txtBox .subTxtBox .ttl {
		font-size: 24px;
	}
	#culture #main .section04 .inner .txtBox .subTxtBox .txt {
		font-size: 14px;
	}
	#culture #main .section04 .controls {
		bottom: 10px;
	}
	
	/*------------------------------------------------------------
		culture_detail01.html
	------------------------------------------------------------*/
	#culture_detail #main .section .subBox {
		padding: 0 120px;
	}
	#culture_detail #main .section .sliderBox .prev {
		left: 35px;
	}
	#culture_detail #main .section .sliderBox .next {
		right: 35px;
	}
	
	/*------------------------------------------------------------
		responsibility.html
	------------------------------------------------------------*/
	#responsibility #main .section {
		padding: 40px 30px 30px;
	}
	#responsibility #main .section .listUl li a .txtBox {
		padding: 11px 80px 11px 20px;
		background-size: 50px auto;
      background-position: right 20px center;
      transition: all .8s;
	}
	
	/*------------------------------------------------------------
		honor.html
	------------------------------------------------------------*/
	#honor #main .section .tabPanel li {
		padding: 0 10px;
	}
	#honor #main .section .tabPanel li a {
		margin-bottom: 20px;
	}
	
	/*------------------------------------------------------------
		careers.html
	------------------------------------------------------------*/
	#careers #main .section .item .jsBox {
		background-size: auto auto;
	}
	
	/*------------------------------------------------------------
		product.html
   ------------------------------------------------------------*/
   .product .banner {
      height: 800px;
   }
	#product #main .section ul {
		margin: 0 -10px 10px;
	}
	#product #main .section li {
		padding: 0 10px 20px;
	}
	#product #main .section li a .txtBox {
		padding: 15px 20px 18px;
	}
	#product #main .section li a .txtBox .ttl {
		font-size: 28px;
	}
	#product #main .section li a .txtBox .arrow {
		top: 22px;
		right: 20px;
	}
	
	/*------------------------------------------------------------
		product_detail.html
	------------------------------------------------------------*/
	#product_detail #main .section .subBox {
		padding: 0 40px 10px;
	}
	#product_detail #main .section .txtBox .ttl {
		font-size: 36px;
	}
	#product_detail #main .section .txtBox .txt {
		margin-bottom: 20px;
	}
	#product_detail #main .section .txtBox .textList {
		margin-bottom: 25px;
	}
	#product_detail #main .section .sliderBox .arrow .prev {
		left: -50px;
	}
	#product_detail #main .section .sliderBox .arrow .next {
		right: -50px;
	}
	
	/*------------------------------------------------------------
		news.html
	------------------------------------------------------------*/
	#news #main .section .topBox .txtBox li a .txt {
		margin-bottom: 20px;
	}
	#news #main .section .topBox .txtBox li a .subBox {
		padding: 0 20px;
	}
	#news #main .section .topBox .txtBox li a .ttl {
		font-size: 24px;
	}
	#news #main .section .listUl li a .txtBox {
		padding-right: 120px;
	}
	#news #main .section .listUl li a .arrow {
		right: 40px;
	}
	
	/*------------------------------------------------------------
		contact.html
	------------------------------------------------------------*/
	#contact #main .section .listUl li a .txtBox {
		padding: 50px 30px 22px;
	}
	#contact #main .section .listUl li a .ttl {
		font-size: 24px;
   }
   #contact #main .section .listUl li a .list {
      font-size: 14px;
   }
	#contact #main .section .listUl li a .ttl .num {
		font-size: 100px;
		right: -20px;
	}
	#contact #main .mapBox {
		height: 600px;
	}
	#contact #main .map iframe {
		height: 600px !important;
	}
	/*------------------------------------------------------------
		technical.html
	------------------------------------------------------------*/
	#technical #main .section {
		padding: 40px 30px 30px;
		position: relative;
		background: #fff;
	}
	#technical #main .section li {
		padding: 0 10px 20px;
	}
	#technical #main .section li a .txtBox .ttl {
		margin-bottom: 30px;
	}
	#technical #main .section li a .txtBox .ttl:before {
		bottom: -14px;
	}
	/*------------------------------------------------------------
		innovating.html
	------------------------------------------------------------*/
	#innovating #main .section {
		padding: 50px;
	}
	#innovating #main .section .inner .txtBox {
		padding: 5px 40px 0 0 !important;
	}
	#innovating #main .section .inner02 .txtBox {
		padding: 5px 0 0 40px !important;
	}
	#innovating #main .section .inner .txtBox .ttl {
		margin-bottom: 25px;
		font-size: 36px;
	}
	#innovating #main .section .inner .txtBox .ttl:before {
		bottom: -14px;
	}
	
	/*------------------------------------------------------------
		quality.html
	------------------------------------------------------------*/
	#quality #main .section {
		padding: 50px;
	}
	#quality #main .section .txtBox .subBox {
		padding: 20px 40px 80px;
	}
	#quality #main .section .txtBox .controls {
		padding: 0 40px;
		bottom: 20px;
	}
}
@media all and (min-width: 992px) and (max-width: 1280px) {
	/*------------------------------------------------------------
		aboutSZ.html
	------------------------------------------------------------*/
	.banner {
		margin-bottom: -50px;
		padding-top: 189px;
		height: 400px;
	}
	.banner .txtBox li {
		margin-left: 5px;
	}
	#aboutSZ #main .section01 .inner {
		padding: 50px;
	}
	#aboutSZ #main .section01 .txtBox {
		margin-top: 0;
	}
	#aboutSZ #main .section01 .txtBox h2 {
		margin-right: -20px;
	}
	#aboutSZ #main .section02 li > span {
		margin-bottom: 34px;
		font-size: 45px;
	}
	#aboutSZ #main .section02 li:hover > span:before {
		width: 220px;
	}
	#aboutSZ #main .section03 .inner .txtBox {
		margin-top: 0;
	}
	#aboutSZ #main .section03 .inner .txtBox h2:first-child {
		margin-right: -110px;
		position: relative;
	}
	#aboutSZ #main .section05 .item .txtBox {
		padding: 15px 20px 19px;
   }
   
   #aboutSZ #main .itemBox .swiper-button-prev,
   #aboutSZ #main .itemBox .swiper-button-next {
      display: none;
   }
	
	/*------------------------------------------------------------
		strategic.html
	------------------------------------------------------------*/
	#strategic #main .section {
		padding: 42px;
	}
	#strategic #main .section .sliderBox02 .inner .txtBox .ttl {
		margin-bottom: 55px;
		font-size: 30px;
	}
	
	/*------------------------------------------------------------
		culture.html
	------------------------------------------------------------*/
	#culture #main .section01 .subBox {
		padding: 76px 80px 57px;
	}
	#culture #main .section01 .slider .link {
      width: 700px;
      height: 420px;
	}
	#culture #main .section01 .sliderBox .prev {
		left: -100px;
		top: 200px;
	}
	#culture #main .section01 .sliderBox .next {
		right: -100px;
		top: 200px;
	}
	#culture #main .section02 {
		padding-left: 120px;
	}
	#culture #main .section02 h2 {
		margin-right: 120px;
	}
	#culture #main .section02 .line {
		margin-right: 270px;
	}
   #culture #main .section02 .swiper-slide, 
   #culture #main .section02 .swiper-slide .img, 
   #culture #main .section02 .swiper-slide .txtBox {
		width: 33vw;
   }
   #culture #main .section02 .swiper-slide:hover {
      width: 66vw;
   }
	#culture #main .section02 .swiper-slide .txtBox .ttl {
		font-size: 24px;
	}
	#culture #main .section02 .swiper-slide .txtBox .txt {
		margin-bottom: 40px;
		font-size: 14px;
	}
	#culture #main .section03 {
		height: 550px;
		background-size: auto 100%;
	}
	#culture #main .section04 .inner .photo {
		overflow: hidden;
	}
	#culture #main .section04 .inner .photo img {
		max-width: 150%;
		min-height: 220px;
	}
	#culture #main .section04 .inner .txtBox .subTxtBox {
		padding: 0 45px;
	}
	#culture #main .section04 .inner .txtBox .subTxtBox .ttl {
		font-size: 20px;
	}
	#culture #main .section04 .inner .txtBox .subTxtBox .txt {
		font-size: 14px;
	}
	#culture #main .section04 .controls {
		bottom: 10px;
	}
	
	/*------------------------------------------------------------
		culture_detail01.html
	------------------------------------------------------------*/
	#culture_detail #main .section .subBox {
		padding: 0 100px;
	}
	#culture_detail #main .section .sliderBox .prev {
		left: 25px;
	}
	#culture_detail #main .section .sliderBox .next {
		right: 25px;
	}
	#culture_detail #main .section .sliderBox .detail {
		padding: 0 44px;
	}
	
	/*------------------------------------------------------------
		responsibility.html
	------------------------------------------------------------*/
	#responsibility #main .section {
		padding: 30px 20px;
	}
	#responsibility #main .section .listUl {
		margin-bottom: 10px;
	}
	#responsibility #main .section .listUl li a .txtBox {
		padding: 11px 60px 11px 15px;
		font-size: 14px;
		background-size: 40px auto;
		background-position: right 15px center;
	}
	#responsibility #main .section .listUl li a .txtBox span {
		font-size: 22px;
	}
	
	/*------------------------------------------------------------
		honor.html
	------------------------------------------------------------*/
	#honor #main .section {
		padding: 40px 30px 30px;
	}
	#honor #main .section .tabNavi {
		margin-bottom: 30px;
	}
	#honor #main .section .tabNavi li {
		margin: 0 30px;
	}
	#honor #main .section .tabNavi li.li01:before {
		right: -56px;
	}
	#honor #main .section .tabPanel li {
		padding: 0 10px;
	}
	#honor #main .section .tabPanel li a {
		margin-bottom: 20px;
	}
	
	/*------------------------------------------------------------
		careers.html
	------------------------------------------------------------*/
	#careers #main .section {
		padding: 40px 40px 30px;
	}
	#careers #main .section .itemBox {
		margin-bottom: 30px;
		padding: 20px 30px 5px;
	}
	#careers #main .section .itemBox .li01 {
		width: 40%;
	}
	#careers #main .section .item .jsBox {
		background-size: auto auto;
	}
	
	/*------------------------------------------------------------
		product.html
   ------------------------------------------------------------*/
   .product .banner {
      height: 740px;
   }
	#product #main .section ul {
		margin: 0 -10px 10px;
	}
	#product #main .section li {
		padding: 0 10px 20px;
	}
	#product #main .section li a .txtBox {
		padding: 15px 20px 18px;
		font-size: 13px;
		border-width: 5px !important;
	}
	#product #main .section li a .txtBox .ttl {
		font-size: 20px;
	}
	#product #main .section li a .txtBox .arrow {
		width: 40px;
		top: 22px;
		right: 20px;
		background-size: 40px auto !important; 
	}
	#product #main .section li:nth-child(2) a .txtBox .subBox {
		padding: 6px 20px 0;
	}
	#product #main .section li:nth-child(2) a .txtBox .arrow {
		margin-top: 30px;
	}
	
	/*------------------------------------------------------------
		product_detail.html
	------------------------------------------------------------*/
	#product_detail #main .section .subBox {
		padding: 0 20px 10px;
	}
	#product_detail #main .section .txtBox .ttl {
		margin-bottom: 20px;
		font-size: 30px;
	}
	#product_detail #main .section .txtBox .ttl:before {
		bottom: -10px;
	}
	#product_detail #main .section .txtBox .txt {
		margin-bottom: 20px;
		line-height: 1.5;
	}
	#product_detail #main .section .txtBox .textList {
		padding: 10px 20px;
		margin-bottom: 20px;
	}
	#product_detail #main .section .txtBox .textList li {
		line-height: 1.5;
	}
	#product_detail #main .section .sliderBox .arrow .prev {
		width: 40px;
		left: -40px;
	}
	#product_detail #main .section .sliderBox .arrow .next {
		width: 40px;
		right: -50px;
	}
	#product_detail #main .section .sliderBox .slick-dots {
		bottom: 30px;
	}
	
	/*------------------------------------------------------------
		case.html
	------------------------------------------------------------*/
   #case .banner {
      height: 740px;
   }
   #case #main .section li {
		padding: 0 10px 20px;
	}
	#case #main .section li a .txtBox {
		padding: 0 20px;
		bottom: 20px;
   }
   #case .banner .twoNav .swiper-wrapper {
      top: 0;
   }
	#case #main .section li a .subBox {
      padding: 15px 70px 15px 15px;
		border-width: 5px !important;
   }
	#case #main .section li a .subBox .arrow {
      width: 40px;
      top: 15px;
		right: 15px;
		background-size: 40px auto !important;
	}
	
	/*------------------------------------------------------------
		case_detail.html
	------------------------------------------------------------*/
	#case_detail #main .section {
		padding-top: 40px;
	}
	#case_detail #main .section .sliderBox .subBox {
		padding: 0 40px 16px;
	}
	#case_detail #main .section .sliderBox .photo {
		margin-bottom: 25px;
	}
	#case_detail #main .section .sliderBox .arrow {
		padding: 20px 40px;
	}
	
	/*------------------------------------------------------------
		news.html
	------------------------------------------------------------*/
	#news #main .section .topBox .txtBox li a .txt {
		margin-bottom: 20px;
	}
	#news #main .section .topBox .txtBox li a .subBox {
		padding: 0 20px;
	}
	#news #main .section .topBox .txtBox li a .ttl {
		margin-bottom: 5px;
		font-size: 16px;
	}
	#news #main .section .topBox .txtBox li a .txt {
		margin-bottom: 10px;
		font-size: 14px;
		line-height: 1.5;
	}
	#news #main .section .listUl li a {
		padding: 20px;
	}
	#news #main .section .listUl li a:hover {
		padding-bottom: 16px;
		border-width: 5px !important;
	}
	#news #main .section .listUl li a .txtBox {
		padding: 15px 80px 15px 300px;
	}
	#news #main .section .listUl li a .arrow {
		right: 40px;
	}
	#news #main .section .listUl li a .txtBox .ttl {
		font-size: 24px;
	}
	#news #main .section .listUl li a .arrow {
		right: 20px;
		width: 50px;
		background-size: 50px auto !important;
	}
	
	/*------------------------------------------------------------
		news_detail.html
	------------------------------------------------------------*/
	#news_detail #main .section {
		padding-bottom: 50px;
	}
	#news_detail #main .section .lBox .item {
		padding: 30px 40px 15px;
	}
	#news_detail #main .section .lBox .item .ttl span {
		font-size: 28px;
	}
	#news_detail #main .section .sliderBox .arrow {
		padding: 20px 40px;
	}
	#news_detail #main .section .rBox li a .txtBox {
		padding: 20px;
	}
	#news_detail #main .section .rBox li a .ttl {
		font-size: 24px;
	}
	
	/*------------------------------------------------------------
		contact.html
	------------------------------------------------------------*/
	#contact #main .section .listUl li a .txtBox {
		padding: 30px;
	}
	#contact #main .section .listUl li a .ttl {
		font-size: 15px;
   }
   #contact #main .section .listUl li a .list {
		font-size: 12px;
   }
	#contact #main .section .listUl li a .ttl .num {
		font-size: 60px;
		right: -10px;
	}
	#contact #main .section .listUl li a {
		font-size: 15px;
	}
	#contact #main .mapBox {
		height: 500px;
	}
	#contact #main .map iframe {
		height: 500px !important;
	}
	
	/*------------------------------------------------------------
		technical.html
	------------------------------------------------------------*/
	#technical #main .section {
		padding: 40px 30px 30px;
		position: relative;
		background: #fff;
   }
   #technical #main .section .list, 
   #technical #main .cubeCountBox .list {
      display: block;
   }
   #technical #main .section .list .item, 
   #technical #main .cubeCountBox .list .item {
      width: calc(100% - 60px);
   }
   #technical #main .section .list .item:nth-child(1), 
   #technical #main .cubeCountBox .list .item:nth-child(1) {
      margin-right: 0;
      margin-bottom: 20px;
   }
	
	/*------------------------------------------------------------
		installation.html
	------------------------------------------------------------*/
	#installation #main .section {
		padding: 40px 30px;
		position: relative;
		background: #fff;
	}
	#installation #main .section  ul {
		margin-bottom: 30px;
	}
	#installation #main .section li {
		padding: 0 10px 12px;
	}
	#installation #main .section li a {
		padding-right: 20px;
	}
	#installation #main .section li a .txt {
		padding-left: 55px;
		background-position: 20px center;
	}
	
	/*------------------------------------------------------------
		innovating.html
	------------------------------------------------------------*/
	#innovating #main .section {
		padding: 30px;
	}
	#innovating #main .section .inner .txtBox {
		padding: 5px 20px 0 0 !important;
	}
	#innovating #main .section .inner02 .txtBox {
		padding: 5px 0 0 20px !important;
	}
	#innovating #main .section .inner .txtBox .ttl {
		margin-bottom: 15px;
		font-size: 24px;
	}
	#innovating #main .section .inner .txtBox .ttl img {
		width: 50px;
	}
	#innovating #main .section .inner .txtBox .ttl:before {
		bottom: -10px;
	}
	#innovating #main .section .inner .txtBox p {
		font-size: 14px;
	}
	
	/*------------------------------------------------------------
		quality.html
	------------------------------------------------------------*/
	#quality #main .section {
		padding: 40px;
	}
	#quality #main .section .txtBox .subBox {
		padding: 10px 20px 40px;
	}
	#quality #main .section .txtBox .ttl {
		font-size: 30px;
		margin-bottom: 15px;
	}
	#quality #main .section .txtBox .ttl:before {
		bottom: -9px;
	}
	#quality #main .section .txtBox .ttl span {
		font-size: 70px;
		top: -26px;
	}
	#quality #main .section .txtBox p {
		line-height: 1.7;
	}
	#quality #main .section .txtBox .controls {
		padding: 0 20px;
		bottom: 5px;
	}
}


@media all and (min-width: 768px) and (max-width: 991px) {
	/*------------------------------------------------------------
		aboutSZ.html
	------------------------------------------------------------*/
	.aboutSZ #gNavi > li:nth-child(2) > a {
		color: #5a5a5a;
	}
	.banner {
		margin-bottom: -60px;
		padding: 0 40px;
		height: auto;
		height: 500px;
		padding: 0;
		position: relative;
		background: none;
	}
	.banner > img {
		width: 100%;
		max-width: inherit;
		max-width: auto;
	}
	.banner .txtBox {
		padding: 0;
	}
	.banner .txtBox h2 {
		float: none;
		position: absolute;
		left: 34px;
		top: 50%;
		font-size: 60px;
		transform: translateY(-64%);
		-webkit-transform: translateY(-64%);
	}
	.banner .txtBox h2 img {
		margin: -4px 20px 0 0;
		width: 40px;
	}
	.banner .txtBox .scroll {
		margin: 0;
		padding: 0 36px;
		width: 100%;
		float: none;
		position: absolute;
		left: 0;
		bottom: 100px;
		box-sizing: border-box;
	}
	.banner .txtBox li {
		margin-left: 4px;
	}
	.banner .txtBox li a {
		padding-bottom: 10px;
		min-width: auto;
		font-size: 22px;
		border-width: 2px !important;
	}
	.banner .txtBox li a img {
		margin: -2px 4px 0 0;
		width: 16px;
	}
	#aboutSZ #main .section01 .inner {
		padding: 30px 30px 18px;
		overflow: hidden;
	}
	#aboutSZ #main .section01 .inner .photo {
		float: none;
		width: auto;
		max-width: inherit;
	}
	#aboutSZ #main .section01 .inner .txtBox {
		margin-top: 40px;
		float: none;
		width: auto;
		max-width: inherit;
	}
	#aboutSZ #main .section01 .inner .txtBox h2 {
		margin: 0 -80px 22px 0;
		max-width: 691px;
	}
	#aboutSZ #main .section01 .inner .txtBox h2 img {
		max-width: 691px;
	}
	#aboutSZ #main .section01 .inner .txtBox p {
		margin: 0 -4px 20px 0;
		font-size: 22px;
		letter-spacing: -0.4px;
		line-height: 1.6;
	}
	#aboutSZ #main .section02 {
		padding-top: 54px;
		height: 420px;
		background: url(../images/aboutSZ/sp_bg01.jpg) no-repeat center top;
		background-size: cover;
	}
	#aboutSZ #main .section02 ul:before {
		display: none;
	}
	#aboutSZ #main .section02 li {
		margin-bottom: 34px;
		position: relative;
		width: 60% !important;
		font-size: 24px;
	}
	#aboutSZ #main .section02 li:before {
		width: 100%;
		height: 2px;
		position: absolute;
		left: 0;
		top: 80px;
		opacity: 0.2;
		background: #fff;
		content: "";
	}
	#aboutSZ #main .section02 li:nth-child(2n) {
		width: 40% !important;
	}
	#aboutSZ #main .section02 li span {
		margin-bottom: 24px;
		font-size: 50px;
	}
	#aboutSZ #main .section02 li span:before {
		width: 24px;
		height: 4px;
		top: 79px;
	}
	#aboutSZ #main .section02 li:first-child span:before {
		width: 232px;
	}
	#aboutSZ #main .section03 {
		padding: 28px 0 48px;
	}
	#aboutSZ #main .section03 .inner {
		margin: 0;
	}
	#aboutSZ #main .section03 .inner .photo {
		margin: 0 auto;
		float: none;
		max-width: 670px;
	}
	#aboutSZ #main .section03 .inner .txtBox {
		margin-top: 30px;
		float: none;
		width: auto;
		max-width: inherit;
	}
	#aboutSZ #main .section03 .inner .txtBox h2 {
		margin: 0 -6px 30px -3px;
	}
	#aboutSZ #main .section03 .inner .txtBox h2 img {
		width: auto;
	}
	#aboutSZ #main .section03 .inner .txtBox p {
		font-size: 22px;
		line-height: 1.65;
	}
	#aboutSZ #main .section03 .inner .txtBox .txt {
		padding-bottom: 0;
		margin-bottom: 52px;
		border: none;
	}
	#aboutSZ #main .section04 {
		padding: 60px 0 80px;
		overflow: hidden;
	}
	#aboutSZ #main .section04 h2 {
		margin: 0 0 76px;
		font-size: 22px;
	}
	#aboutSZ #main .section04 h2:before {
		margin-left: -18px;
		width: 36px;
		height: 4px;
		top: 160px;
	}
	#aboutSZ #main .section04 h2 img {
		margin-bottom: 26px;
		max-width: 670px;
		width: auto;
	}
	#aboutSZ #main .section04 .sliderBox {
		margin: 0 -40px;
	}
	#aboutSZ #main .section04 .slider {
		margin-bottom: 84px;
	}
	#aboutSZ #main .section04 .inner {
		margin: 0 -18px;
		width: 500px;
	}
	#aboutSZ #main .section04 .inner .photo {
		width: auto;
		float: none;
		border: none;
		border-left: 10px solid #CF000E;
	}
	#aboutSZ #main .section04 .inner .txtBox {
		padding: 22px 30px;
		width: auto;
		height: auto;
		float: none;
	}
	#aboutSZ #main .section04 .inner .txtBox .ttl {
		margin-bottom: 6px;
		font-size: 32px;
	}
	#aboutSZ #main .section04 .inner .txtBox .txt {
		position: relative;
		z-index: 1;
		font-size: 22px;
	}
	#aboutSZ #main .section04 .inner .txtBox .year {
		font-size: 160px;
		letter-spacing: -16px;
		bottom: -80px;
		right: 0px;
	}
	#aboutSZ #main .section04 .slider02 {
		padding: 0 160px;
	}
	#aboutSZ #main .section04 .slider02 .btn {
		margin: 0 30px;
	}
	#aboutSZ #main .section04 .slider02 .btn a {
		font-size: 26px;
	}
	#aboutSZ #main .section04 .sliderBox .prev {
		width: 50px;
		left: 40px;
		bottom: -8px;
		background-size: 100% auto !important;
	}
	#aboutSZ #main .section04 .sliderBox .next {
		width: 50px;
		right: 40px;
		bottom: -8px;
		background-size: 100% auto !important;
	}
	#aboutSZ #main .section05 {
		padding: 60px 0 30px;
		overflow: hidden;
	}
	#aboutSZ #main .section05 h2 {
		margin: 0 -102px 76px;
		font-size: 22px;
	}
	#aboutSZ #main .section05 h2:before {
		margin-left: -18px;
		width: 36px;
		height: 4px;
		top: 160px;
	}
	#aboutSZ #main .section05 h2 img {
		margin-bottom: 26px;
		max-width: 100%;
		width: auto;
	}
	#aboutSZ #main .section05 .item {
		margin: 0 auto 30px;
		width: auto;
		max-width: 100%;
		height: 620px;
		float: none !important;
	}
	#aboutSZ #main .section05 .item .txtBox {
		padding: 20px 30px 26px;
		box-sizing: border-box;
		border-bottom: 10px solid #eee;
	}
	#aboutSZ #main .section05 .item .txtBox .txt {
		font-size: 22px;
		line-height: 1.7;
	}
	#aboutSZ #main .section05 .item .txtBox .ttl {
		font-size: 32px;
	}
	#aboutSZ #main .section05 .item .subBox {
		padding: 40px 20px 40px 40px;
	}
	#aboutSZ #main .section05 .item .subBox p {
		margin-right: 10px;
		font-size: 22px;
	}
	#aboutSZ #main .section05 .item .subBox .ttl {
		margin-bottom: 16px;
		font-size: 32px;
	}
	/*------------------------------------------------------------
		strategic.html
	------------------------------------------------------------*/
	#strategic #main .section {
		padding: 60px 40px;
	}
	#strategic #main .section .sliderBox {
		margin-bottom: 60px;
		padding: 0 100px 60px;
	}
	#strategic #main .section .sliderBox .btn a span img {
		height: 60px;
		width: auto;
	}
	#strategic #main .section .sliderBox02 .inner .photo {
		margin: 0 auto;
		max-width: 100%;
		width: auto;
		float: none;
	}
	#strategic #main .section .sliderBox02 .inner .txtBox {
		margin-top: 86px;
		max-width: inherit;
		width: auto;
		float: none;
	}
	#strategic #main .section .sliderBox02 .inner .txtBox .ttl {
		margin-bottom: 44px;
		font-size: 36px;
	}
	#strategic #main .section .sliderBox02 .inner .txtBox .ttl:before {
		top: 80px;
	}
	#strategic #main .section .sliderBox02 .inner .txtBox .ttl img {
		width: auto;
		height: 160px;
		top: -60px;
	}
	#strategic #main .section .sliderBox02 .inner .txtBox p {
		font-size: 22px;
		line-height: 1.7;
	}
	
	/*------------------------------------------------------------
		culture.html
	------------------------------------------------------------*/
	#culture #main .section01 .subBox {
		padding: 50px 30px 22px;
	}
	#culture #main .section01 .slider .link {
		margin: 0 -5vw;
      width: 66.7vw;
      height: 43vw;
	}
	#culture #main .section01 .slider .link a {
		padding-bottom: 10px;
	}
	#culture #main .section01 .slider .link a .txtBox {
		padding: 40px 30px 0;
		height: auto;
		min-height: 250px;
		font-size: 22px;
		line-height: 1.5;
		border-bottom: 10px solid #cf000e;
		background-size: 100% auto;
	}
	#culture #main .section01 .slider .link a .txtBox span {
		font-size: 32px;
	}
	#culture #main .section01 .sliderBox .prev,
	#culture #main .section01 .sliderBox .next {
		display: none !important;
	}
	#culture #main .section01 .sliderBox .slick-dots {
		margin-top: 26px;
	}
	#culture #main .section02 {
		padding: 50px 0 68px 40px;
	}
	#culture #main .section02 h2 {
		margin-right: 16px;
	}
	#culture #main .section02 .newsList {
		padding-bottom: 60px;
	}
	#culture #main .section02 .swiper-slide, 
   #culture #main .section02 .swiper-slide .img, 
   #culture #main .section02 .swiper-slide .txtBox {
		width: 42.5vw;
   }
   #culture #main .section02 .swiper-slide:hover {
      width: 85vw;
   }
	#culture #main .section02 .swiper-slide:hover:before {
		bottom: -56px;
	}
	#culture #main .section02 .swiper-slide .txtBox .subTxtBox {
		padding: 0 30px;
	}
	#culture #main .section02 .swiper-slide .txtBox .ttl {
		font-size: 24px;
	}
	#culture #main .section02 .swiper-slide .txtBox .txt {
		margin-bottom: 30px;
	}
	#culture #main .section02 .line {
		margin-right: 40px;
	}
	#culture #main .section03 {
		height: auto;
		background: none;
	}
	#culture #main .section04 {
		padding: 50px 0 42px;
	}
	#culture #main .section04 h2 {
		margin-bottom: 76px;
	}
	#culture #main .section04 .inner {
      height: auto;
	}
	#culture #main .section04 .inner .photo {
      width: auto;
      height: 56vw;
		float: none;
	}
	#culture #main .section04 .inner .txtBox {
		position: static;
		width: auto;
		border: none;
		border-bottom: 10px solid #ddd;
	}
	#culture #main .section04 .inner .txtBox .subTxtBox {
		padding: 32px 32px 26px;
		position: static;
		transform: none;
		-webkit-transform: none;
	}
	#culture #main .section04 .inner .txtBox .subTxtBox .txt {
		font-size: 22px;
	}
	#culture #main .section04 .inner .txtBox .subTxtBox .ttl {
		margin-bottom: 16px;
		font-size: 32px;
	}
	#culture #main .section04 .controls {
		margin: 52px auto 0;
		width: 164px;
		padding: 0;
		position: static;
	}
	
	/*------------------------------------------------------------
		culture_detail01.html
	------------------------------------------------------------*/
	#culture_detail #main .section .subBox {
		padding: 0 90px;
	}
	#culture_detail #main .section .sliderBox .prev {
		left: 20px;
	}
	#culture_detail #main .section .sliderBox .next {
		right: 20px;
	}
	#culture_detail #main .section .sliderBox .detail {
		padding: 0 22px;
	}
	
	/*------------------------------------------------------------
		responsibility.html
	------------------------------------------------------------*/
	#responsibility #main .section {
		padding: 40px 30px;
	}
	#responsibility #main .section .listUl li {
		width: 50%;
	}
	#responsibility #main .section .listUl li a .txtBox {
		padding: 12px 80px 12px 20px;
		font-size: 16px;
		background-size: 50px auto;
		background-position: right 20px center;
	}
	#responsibility #main .section .listUl li a .txtBox span {
		margin-bottom: 0;
		font-size: 25px;
	}
	
	/*------------------------------------------------------------
		honor.html
	------------------------------------------------------------*/
	#honor #main .section {
		padding: 40px 20px;
	}
	#honor #main .section .tabNavi {
		margin-bottom: 40px;
	}
	#honor #main .section .tabNavi li {
		margin: 0;
	}
	#honor #main .section .tabNavi li img {
		height: 50px;
		width: auto;
	}
	#honor #main .section .tabNavi li.li01:before {
		display: none;
	}
	#honor #main .section .tabNavi li a {
		background-size: auto 50px !important;
	}
	#honor #main .section .tabPanel {
		margin-bottom: 20px;
	}
	#honor #main .section .tabPanel li {
		padding: 0 10px;
		width: 50%;
	}
	#honor #main .section .tabPanel li a {
		margin-bottom: 20px;
		padding-bottom: 14px;
	}
	#honor #main .section .tabPanel li a img {
		margin-bottom: 12px;
	}
	
	/*------------------------------------------------------------
		careers.html
	------------------------------------------------------------*/
	#careers #main .section {
		padding: 40px;
	}
	#careers #main .section .itemBox {
		margin-bottom: 40px;
		padding: 20px 20px 10px;
	}
	#careers #main .section .itemBox .itemTtl {
		padding-left: 20px;
	}
	#careers #main .section .item .listUl {
		padding-left: 20px;
	}
	#careers #main .section .itemBox .li01 {
		width: 35%;
	}
	#careers #main .section .item .listUl li.li06 {
		margin-right: 20px;
	}
	#careers #main .section .item .jsBox {
		padding-left: 40px;
		background-size: auto auto;
	}
	#careers #main .section .item .dlBox dl {
		margin-right: 0;
		float: none;
	}
	#careers #main .section .item .email a img {
		width: 18px;
	}
	
	/*------------------------------------------------------------
		product.html
   ------------------------------------------------------------*/
   .product .banner {
      height: auto;
      padding-top: 0;
      background-image: unset;
   }
   .product #main .twoNav {
      padding-top: 40px;
   }
	#product #main .section ul {
		margin: 0 -10px 20px;
	}
	#product #main .section li {
		width: 50%;
		padding: 0 10px 20px;
	}
   #product #main .section li a .photo img {
      height: auto;
   }
	
	/*------------------------------------------------------------
		product_detail.html
	------------------------------------------------------------*/
	#product_detail #main .section .photo {
		width: 100%;
	}
	#product_detail #main .section .txtBox {
		width: 100%;
		position: static;
	}
	#product_detail #main .section .txtBox .subBox {
		padding: 30px 40px 40px;
		position: static;
		transform: none;
		-webkit-transform: none;
	}
	#product_detail #main .section .txtBox .textList {
		background-size: cover;
	}
	#product_detail #main .section .txtBox .textList li img {
		width: 6px;
	}
	#product_detail #main .section .sliderBox .arrow .prev {
		left: 0;
		top: 30%;
	}
	#product_detail #main .section .sliderBox .arrow .next {
		right: 0;
		top: 30%;
	}
	#product_detail #main .section .sliderBox .slick-dots {
		padding: 0;
		bottom: auto;
		top: 50%;
	}
	
	/*------------------------------------------------------------
		case.html
   ------------------------------------------------------------*/
   #case .banner {
      height: auto;
      padding-top: 0;
      background-image: unset;
   }
   #case .banner .txtBox .scroll {
      bottom: 170px;
   }
   #case .banner .twoNav {
      top: -95px;
   }
   #case .banner .twoNav .next , 
   #case .banner .twoNav .prev {
      display: none;
   }
   #case .banner .twoNav .swiper-wrapper {
      top: 0;
   }
	#case #main .section ul {
		margin: 0 -10px 20px;
	}
	#case #main .section li {
      width: 50%;
		padding: 0 10px 20px;
	}
	#case #main .section li a .txtBox {
		padding: 0 20px;
		bottom: 20px;
	}
	#case #main .section li a .subBox {
		padding: 20px 80px 20px 20px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	#case #main .section li a .subBox span {
		font-size: 24px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	#case #main .section li a .subBox .arrow {
		width: 50px;
		right: 20px;
		top: 30px;
		background-size: 50px auto !important;
   }
   #case #main .section li a>img {
      height: 40vw;
   }
	
	/*------------------------------------------------------------
		case_detail.html
	------------------------------------------------------------*/
	#case_detail #main .section {
		padding-top: 50px;
	}
	#case_detail #main .section .sliderBox .subBox {
		padding: 0 50px 30px;
	}
	#case_detail #main .section .sliderBox .subBox .photo {
		margin-bottom: 30px;
	}
	#case_detail #main .section .sliderBox .txtBox .ttl {
		margin-bottom: 15px;
		width: auto;
		float: none;
	}
	#case_detail #main .section .sliderBox .txtBox .txt {
		width: auto;
		float: none;
	}
	#case_detail #main .section .sliderBox .arrow {
		padding: 30px 50px;
	}
	
	/*------------------------------------------------------------
		news.html
	------------------------------------------------------------*/
	#news #main .section .topBox {
		margin-bottom: 40px;
	}
	#news #main .section .topBox .photo {
		width: 100%;
	}
	#news #main .section .topBox .txtBox {
		width: 100%;
		position: static;
	}
	#news #main .section .topBox .txtBox li {
		position: static;
		height: auto;
		float: left;
	}
	#news #main .section .topBox .txtBox li:nth-child(2n+1) {
		clear: both;
	}
	#news #main .section .topBox .txtBox li a .subBox {
		padding: 20px;
		position: static;
		transform: none;
		-webkit-transform: none;
	}
	#news #main .section .topBox .txtBox li a .ttl {
		font-size: 28px;
	}
	#news #main .section .listUl li a {
		padding: 25px 25px;
	}
	#news #main .section .listUl li a > .img {
		width: 240px;
	}
	#news #main .section .listUl li a .txtBox {
		padding: 0 60px 0 260px;
		min-height: inherit;
	}
	#news #main .section .listUl li a .txtBox .ttl {
		font-size: 24px;
	}
	#news #main .section .listUl li a .arrow {
		width: 50px;
		right: 20px;
		background-size: 50px auto !important;
	}
	
	/*------------------------------------------------------------
		news_detail.html
	------------------------------------------------------------*/
	#news_detail #main .section {
		padding-bottom: 80px;
	}
	#news_detail #main .section .lBox {
		margin-bottom: 40px;
		width: auto;
		float: none;
	}
	#news_detail #main .section .lBox .item {
		padding: 50px 50px 30px;
	}
	#news_detail #main .section .sliderBox .arrow {
		padding: 30px 50px;
	}
	#news_detail #main .section .rBox {
		width: auto;
		float: none;
	}
	#news_detail #main .section .rBox ul {
		margin: 0 -10px;
	}
	#news_detail #main .section .rBox li {
		margin: 0;
		padding: 0 10px;
		width: 50%;
		float: left;
		box-sizing: border-box;
	}
	/*------------------------------------------------------------
		contact.html
	------------------------------------------------------------*/
	#contact .banner {
		margin-bottom: -60px;
	}
	#contact #main .section .listUl {
		position: relative;
		left: 0;
		top: 0;
		z-index: 10;
		transform: none;
		-webkit-transform: none;
	}
	#contact #main .section .listUl li {
		width: auto;
		float: none;
	}
	#contact #main .section .listUl li a {
		height: 380px;
		transition: none;
		-webkit-transition: none;
		border: none;
		font-size: 24px;
		border-bottom: 2px solid #ddd;
	}
	#contact #main .section .listUl li.on a,
	#contact #main .section .listUl li a:hover {
		color: #fff;
		background: url(../images/contact/bg01.jpg) no-repeat center center;
		background-size: cover;
	}
	#contact #main .section .listUl li a .txtBox {
		padding: 20px 80px;
	}
	#contact #main .section .listUl li a > img {
		display: none;
	}
	#contact #main .section .listUl li a .ttl {
		margin-bottom: 40px;
		font-size: 32px;
	}
	#contact #main .section .listUl li a .ttl:before {
		width: 26px;
		height: 3px;
		bottom: -24px;
	}
	#contact #main .section .listUl li a .ttl .num {
		font-size: 180px;
		top: -80px;
		right: -50px;
		transform: none;
		-webkit-transform: none;
	}
	#contact #main .section .listUl li a .list {
		margin-bottom: 10px;
		padding-left: 42px;
		background-position: left center !important;
		background-size: 21px auto !important;
	}
	#contact #main .mapBox {
		margin-top: -70px;
		height: 690px;
	}
	#contact #main .mapBox iframe {
		height: 690px !important;
	}
	/*------------------------------------------------------------
		technical.html
	------------------------------------------------------------*/
	#technical #main .section {
		padding: 40px 30px 20px;
		position: relative;
		background: #fff;
   }
   #technical #main .section .list, 
   #technical #main .cubeCountBox .list {
      display: block;
   }
   #technical #main .section .list .item, 
   #technical #main .cubeCountBox .list .item {
      width: calc(100% - 60px);
   }
   #technical #main .section .list .item:nth-child(1), 
   #technical #main .cubeCountBox .list .item:nth-child(1) {
      margin-right: 0;
      margin-bottom: 20px;
   }

	/*------------------------------------------------------------
		installation.html
	------------------------------------------------------------*/
	#installation #main .section {
		padding: 30px 30px 40px;
	}
	#installation #main .section ul {
		margin-bottom: 30px;
	}
	#installation #main .section li {
		padding: 0 0 12px;
		width: 100%;
		float: none;
	}
	/*------------------------------------------------------------
		service.html
	------------------------------------------------------------*/
	#service #main .section .map .popBox .ttl img {
		width: 50px;
	}
	#service #main .section .map .txtBox .txt {
		font-size: 28px;
	}
	#service #main .section .map .txtBox .link a {
		font-size: 28px;
		width: 250px;
		line-height: 80px;
	}
	#service #main .section .map .popBox .ttl {
		line-height: 60px;
		font-size: 32px;
	}
	#service #main .section .map .popBox {
		width: 560px;
		height: 310px;
   }
   #service #main .section .map .dot01 {
		width: 50px;
      position: absolute;
      right: 255px;
      top: 120px;
   }
   #service #main .section .map .dot02 {
		width: 50px;
      position: absolute;
      right: 265px;
      top: 190px;
   }
   #service #main .section .map .dot03 {
		width: 50px;
      position: absolute;
      right: 280px;
      top: 255px;
   }
   #service #main .section .map .dot04 {
		width: 50px;
      position: absolute;
      right: 430px;
      top: 325px;
   }
   #service #main .section .map .dot05 {
		width: 50px;
      position: absolute;
      right: 430px;
      top: 335px;
   }
   #service #main .section .map .dot06 {
		width: 50px;
      position: absolute;
      right: 420px;
      top: 330px;
   }
   #service #main .section .map .dot07 {
		width: 60px;
      position: absolute;
      right: 455px;
      top: 375px;
   }
   #service #main .section .map .dot08 {
		width: 60px;
      position: absolute;
      right: 440px;
      top: 385px;
   }
   #service #main .section .map .dot09 {
		width: 50px;
      position: absolute;
      right: 410px;
      top: 455px;
   }
   #service #main .section .map .dot10 {
		width: 50px;
      position: absolute;
      right: 285px;
      top: 590px;
   }
   #service #main .section .map .dot11 {
		width: 50px;
      position: absolute;
      right: 335px;
      top: 575px;
   }
   #service #main .section .map .dot12 {
		width: 60px;
      position: absolute;
      right: 380px;
      top: 565px;
   }
   #service #main .section .map .dot13 {
		width: 50px;
      position: absolute;
      right: 405px;
      top: 580px;
   }
   #service #main .section .map .dot14 {
		width: 50px;
      position: absolute;
      right: 320px;
      top: 640px;
   }
   #service #main .section .map .dot15 {
		width: 50px;
      position: absolute;
      right: 315px;
      top: 740px;
   }
   #service #main .section .map .dot16 {
		width: 50px;
      position: absolute;
      right: 535px;
      top: 315px;
   }
   #service #main .section .map .dot17 {
		width: 50px;
      position: absolute;
      right: 530px;
      top: 425px;
   }
   #service #main .section .map .dot18 {
		width: 50px;
      position: absolute;
      right: 490px;
      top: 520px;
   }
   #service #main .section .map .dot19 {
		width: 50px;
      position: absolute;
      right: 525px;
      top: 610px;
   }
   #service #main .section .map .dot20 {
		width: 60px;
      position: absolute;
      right: 420px;
      top: 670px;
   }
   #service #main .section .map .dot21 {
		width: 50px;
      position: absolute;
      right: 420px;
      top: 710px;
   }
   #service #main .section .map .dot22 {
		width: 50px;
      position: absolute;
      right: 445px;
      top: 870px;
   }
   #service #main .section .map .dot23 {
		width: 50px;
      position: absolute;
      right: 470px;
      top: 855px;
   }
   #service #main .section .map .dot24 {
		width: 60px;
      position: absolute;
      right: 520px;
      top: 880px;
   }
   #service #main .section .map .dot25 {
		width: 50px;
      position: absolute;
      right: 570px;
      top: 975px;
   }
   #service #main .section .map .dot26 {
		width: 50px;
      position: absolute;
      right: 610px;
      top: 860px;
   }
   #service #main .section .map .dot27 {
		width: 50px;
      position: absolute;
      right: 500px;
      top: 715px;
   }
   #service #main .section .map .dot28 {
		width: 50px;
      position: absolute;
      right: 680px;
      top: 420px;
   }
   #service #main .section .map .dot29 {
		width: 50px;
      position: absolute;
      right: 625px;
      top: 515px;
   }
   #service #main .section .map .dot30 {
		width: 50px;
      position: absolute;
      right: 670px;
      top: 680px;
   }
   #service #main .section .map .dot31 {
		width: 50px;
      position: absolute;
      right: 655px;
      top: 735px;
   }
   #service #main .section .map .dot32 {
		width: 50px;
      position: absolute;
      right: 790px;
      top: 810px;
   }
   #service #main .section .map .dot33 {
		width: 50px;
      position: absolute;
      right: 740px;
      top: 620px;
   }
   #service #main .section .map .dot34 {
		width: 50px;
      position: absolute;
      right: 750px;
      top: 500px;
   }
   #service #main .section .map .dot35 {
		width: 50px;
      position: absolute;
      right: 840px;
      top: 465px;
   }
   #service #main .section .map .dot36 {
		width: 50px;
      position: absolute;
      right: 1080px;
      top: 600px;
   }
   #service #main .section .map .dot37 {
		width: 50px;
      position: absolute;
      right: 1155px;
      top: 250px;
   }
	#service #main .section .map .popBox li {
		font-size: 28px;
	}
	#service #main .section .map .popBox li img {
		width: 30px;
	}
	#service #main .section .map .popBox .arrow {
		top: 38%;
	}
	/*------------------------------------------------------------
		innovating.html
	------------------------------------------------------------*/
	#innovating #main .section {
		padding: 40px 40px 20px;
	}
	#innovating #main .section .inner .photo {
		float: none !important;
		width: 100%;
	}
	#innovating #main .section .inner .txtBox {
		padding: 30px 0 !important;
		float: none !important;
		width: 100%;
	}
	#innovating #main .section .inner .txtBox .ttl img {
		width: auto;
	}
	/*------------------------------------------------------------
		quality.html
	------------------------------------------------------------*/
	#quality #main .section {
		padding: 40px;
	}
	#quality #main .section .txtBox {
		position: static;
		width: auto;
		border-width: 0;
	}
	#quality #main .section .txtBox .subBox {
		padding: 30px 0;
		position: static;
		transform: none;
		-webkit-transform: none;
	}
	#quality #main .section .txtBox .controls {
		margin: 0 auto;
		width: 162px;
		padding: 0;
		position: static;
	}
}

@media all and (min-width: 0) and (max-width: 767px) {
	/*------------------------------------------------------------
		aboutSZ.html
	------------------------------------------------------------*/
	.aboutSZ #gNavi > li:nth-child(2) > a {
		color: #777;
		background: #e7e7e7;
	}
	.banner {
		margin-bottom: -30px;
		padding: 0 20px;
		height: auto;
		height: 250px;
		padding: 0;
		position: relative;
		background: none;
	}
	.banner .txtBox {
		padding: 0;
	}
	.banner .txtBox h2 {
		float: none;
		position: absolute;
		left: 17px;
		top: 50%;
		font-size: 30px;
		transform: translateY(-64%);
		-webkit-transform: translateY(-64%);
	}
	.banner .txtBox h2 img {
		margin: -2px 10px 0 0;
		width: 20px;
	}
	.banner .txtBox .scroll {
		margin: 0;
		padding: 0 18px;
		width: 100%;
		float: none;
		position: absolute;
		left: 0;
		bottom: 50px;
		overflow: hidden;
		box-sizing: border-box;
	}
	.banner .txtBox .scroll ul {
		min-width: 339px;
	}
	.banner .txtBox li {
		margin-left: 2px;
	}
	.banner .txtBox li a {
		padding-bottom: 5px;
		min-width: auto;
		font-size: 11px;
		border-width: 1px !important;
	}
	.banner .txtBox li a img {
		margin: -1px 2px 0 0;
		width: 8px;
	}
	#aboutSZ #main .section01 .inner {
		padding: 15px 15px 9px;
		overflow: hidden;
	}
	#aboutSZ #main .section01 .inner .photo {
		float: none;
		width: auto;
		max-width: inherit;
	}
	#aboutSZ #main .section01 .inner .txtBox {
		margin-top: 20px;
		float: none;
		width: auto;
		max-width: inherit;
	}
	#aboutSZ #main .section01 .inner .txtBox h2 {
		margin: 0 -40px 11px 0;
		max-width: 346px;
	}
	#aboutSZ #main .section01 .inner .txtBox h2 img {
		max-width: 345px;
	}
	#aboutSZ #main .section01 .inner .txtBox p {
		margin: 0 -2px 10px 0;
		font-size: 11px;
		letter-spacing: -0.4px;
		line-height: 1.6;
   }
   #aboutSZ #main .section01 .inner .txtBox a {
      width: 90px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      color: #FFFFFF;
      border: 1px solid #CF000E;
      background-color: #CF000E;
      font-size: 12px;
      letter-spacing: 2px;
      transition: all .3s;
   }
	#aboutSZ #main .section02 {
		padding-top: 27px;
		height: 210px;
		background: url(../images/aboutSZ/sp_bg01.jpg) no-repeat center top;
		background-size: cover;
	}
	#aboutSZ #main .section02 ul:before {
		display: none;
	}
	#aboutSZ #main .section02 li {
		margin-bottom: 17px;
		position: relative;
		width: 60% !important;
		font-size: 12px;
	}
	#aboutSZ #main .section02 li:before {
		width: 100%;
		height: 1px;
		position: absolute;
		left: 0;
		top: 40px;
		opacity: 0.2;
		background: #fff;
		content: "";
	}
	#aboutSZ #main .section02 li:nth-child(2n) {
		width: 40% !important;
	}
	#aboutSZ #main .section02 li span {
		margin-bottom: 12px;
		font-size: 25px;
		white-space:nowrap;
	}
	#aboutSZ #main .section02 li span:before {
		width: 12px;
		height: 2px;
		top: 39px;
	}
	#aboutSZ #main .section02 li:first-child span:before {
		width: 116px;
	}
	#aboutSZ #main .section03 {
		padding: 14px 0 24px;
	}
	#aboutSZ #main .section03 .inner {
		margin: 0;
	}
	#aboutSZ #main .section03 .inner .photo {
		margin: 0 auto;
		float: none;
		max-width: 670px;
	}
	#aboutSZ #main .section03 .inner .txtBox {
		margin-top: 15px;
		float: none;
		width: auto;
		max-width: inherit;
	}
	#aboutSZ #main .section03 .inner .txtBox h2 {
		margin: 0 -6px 15px -3px;
	}
	#aboutSZ #main .section03 .inner .txtBox h2 img {
		height: 35px;
		width: auto;
	}
	#aboutSZ #main .section03 .inner .txtBox p {
		font-size: 11px;
		line-height: 1.65;
	}
	#aboutSZ #main .section03 .inner .txtBox .txt {
		padding-bottom: 0;
		margin-bottom: 26px;
		border: none;
	}
	#aboutSZ #main .section04 {
		padding: 30px 0 40px;
		overflow: hidden;
	}
	#aboutSZ #main .section04 h2 {
		margin: 0 -4px 38px;
		font-size: 11px;
	}
	#aboutSZ #main .section04 h2:before {
		margin-left: -9px;
		width: 18px;
		height: 2px;
		top: 80px;
	}
	#aboutSZ #main .section04 h2 img {
		margin-bottom: 13px;
		max-width: 670px;
		width: 349px;
	}
	#aboutSZ #main .section04 .sliderBox {
		margin: 0 -20px;
	}
	#aboutSZ #main .section04 .slider {
		margin-bottom: 42px;
	}
	#aboutSZ #main .section04 .inner {
		margin: 0 -9px;
		width: 250px;
	}
	#aboutSZ #main .section04 .inner .photo {
		width: auto;
		float: none;
		border: none;
		border-left: 5px solid #CF000E;
	}
	#aboutSZ #main .section04 .inner .txtBox {
		padding: 11px 15px;
		width: auto;
		height: auto;
		float: none;
	}
	#aboutSZ #main .section04 .inner .txtBox .ttl {
		margin-bottom: 3px;
		font-size: 16px;
	}
	#aboutSZ #main .section04 .inner .txtBox .txt {
		position: relative;
		z-index: 1;
		font-size: 11px;
	}
	#aboutSZ #main .section04 .inner .txtBox .year {
		font-size: 80px;
		letter-spacing: -8px;
		bottom: -40px;
		right: 0px;
	}
	#aboutSZ #main .section04 .slider02 {
		padding: 0 80px;
	}
	#aboutSZ #main .section04 .slider02 .btn {
		margin: 0 15px;
	}
	#aboutSZ #main .section04 .slider02 .btn a {
		font-size: 13px;
	}
	#aboutSZ #main .section04 .sliderBox .prev {
		width: 40px;
		left: 20px;
		background-size: 100% auto !important;
	}
	#aboutSZ #main .section04 .sliderBox .next {
		width: 40px;
		right: 20px;
		background-size: 100% auto !important;
	}
	#aboutSZ #main .section05 {
		padding: 30px 0 15px;
		overflow: hidden;
	}
	#aboutSZ #main .section05 h2 {
		margin: 0 -51px 38px;
		font-size: 11px;
	}
	#aboutSZ #main .section05 h2:before {
		margin-left: -9px;
		width: 18px;
		height: 2px;
		top: 80px;
	}
	#aboutSZ #main .section05 h2 img {
		margin-bottom: 13px;
		max-width: 437px;
	}
	#aboutSZ #main .section05 .item {
		margin: 0 auto 15px;
		width: auto;
		max-width: 670px;
		height: 310px;
      float: none !important;
      overflow: hidden;
   }
   #aboutSZ #main .section05 .item .photo {
      height: 100%;
   }
	#aboutSZ #main .section05 .item .txtBox {
		padding: 10px 15px 13px;
		box-sizing: border-box;
		border-bottom: 5px solid #eee;
	}
	#aboutSZ #main .section05 .item .txtBox .txt {
		font-size: 11px;
		line-height: 1.7;
	}
	#aboutSZ #main .section05 .item .txtBox .ttl {
		font-size: 16px;
	}
	#aboutSZ #main .section05 .item .subBox {
		padding: 20px 10px 20px 20px;
	}
	#aboutSZ #main .section05 .item .subBox p {
		margin-right: 5px;
		font-size: 11px;
	}
	#aboutSZ #main .section05 .item .subBox .ttl {
		margin-bottom: 8px;
		font-size: 16px;
	}
	
	/*------------------------------------------------------------
		strategic.html
	------------------------------------------------------------*/
	#strategic #main .section {
		padding: 30px 20px;
	}
	#strategic #main .section .sliderBox {
		margin-bottom: 30px;
		padding: 0 50px 30px;
	}
	#strategic #main .section .sliderBox .btn {
		margin: 0 7px;
		width: 90px;
	}
	#strategic #main .section .sliderBox .btn a > span {
		padding-top: 19px;
		font-size: 12px;
	}
	#strategic #main .section .sliderBox .btn a span img {
		margin-bottom: 7px;
		height: 30px;
		width: auto;
	}
	#strategic #main .section .sliderBox .prev {
		width: 40px;
		top: 30px;
		background-size: 100% auto !important;
	}
	#strategic #main .section .sliderBox .next {
		width: 40px;
		top: 30px;
		background-size: 100% auto !important;
	}
	#strategic #main .section .sliderBox02 .inner .photo {
		margin: 0 auto;
		max-width: 700px;
		width: auto;
		float: none;
	}
	#strategic #main .section .sliderBox02 .inner .txtBox {
		margin-top: 43px;
		max-width: inherit;
		width: auto;
		float: none;
	}
	#strategic #main .section .sliderBox02 .inner .txtBox .ttl {
		margin-bottom: 22px;
		font-size: 18px;
	}
	#strategic #main .section .sliderBox02 .inner .txtBox .ttl:before {
		top: 40px;
		height: 2px;
	}
	#strategic #main .section .sliderBox02 .inner .txtBox .ttl img {
		width: auto;
		height: 80px;
		top: -30px;
	}
	#strategic #main .section .sliderBox02 .inner .txtBox p {
		font-size: 11px;
		line-height: 1.7;
	}
	
	/*------------------------------------------------------------
		culture.html
	------------------------------------------------------------*/
	#culture #main .section01 .subBox {
		padding: 25px 15px 11px;
	}
	#culture #main .section01 .slider .link {
		margin: 0 -5vw;
      width: 66.7vw;
	}
	#culture #main .section01 .slider .link a {
		padding-bottom: 5px;
	}
	#culture #main .section01 .slider .link a .txtBox {
		padding: 20px 15px 0;
		height: auto;
		min-height: 150px;
		font-size: 11px;
		line-height: 1.5;
		border-bottom: 5px solid #cf000e;
		background-size: 100% auto;
	}
	#culture #main .section01 .slider .link a .txtBox span {
		font-size: 16px;
	}
	#culture #main .section01 .sliderBox .prev,
	#culture #main .section01 .sliderBox .next {
		display: none !important;
	}
	#culture #main .section01 .sliderBox .slick-dots {
		margin-top: 13px;
	}
	#culture #main .section01 .sliderBox .slick-dots li {
		margin: 0 4px;
		width: 11px;
		height: 11px;
		background-size: 11px 11px !important;
	}
	#culture #main .section02 {
		padding: 25px 0 34px 20px;
	}
	#culture #main .section02 h2 {
		margin-right: 8px;
	}
	#culture #main .section02 .newsList {
		padding-bottom: 30px;
	}
	#culture #main .section02 .swiper-slide {
      width: 85vw;
   }
   #culture #main .section02 .swiper-slide .img {
      width: 42.5vw;
   }
   #culture #main .section02 .swiper-slide .txtBox {
      width: 42.5vw;
      visibility: visible;
   }
   #culture #main .section02 .swiper-slide:hover {
      width: 85vw;
   }
	/* #culture #main .section02 .swiper-slide:hover:before {
		bottom: -26px;
	} */
	#culture #main .section02 .swiper-slide .txtBox .subTxtBox {
		padding: 0 15px;
	}
	#culture #main .section02 .swiper-slide .txtBox .ttl {
		font-size: 15px;
	}
	#culture #main .section02 .swiper-slide .txtBox .txt {
		display: none;
	}
	#culture #main .section02 .swiper-slide .txtBox .date {
		margin-bottom: 55px;
		font-size: 9px;
	}
	#culture #main .section02 .swiper-slide .txtBox .btn a {
		width: 70px;
		font-size: 8px;
		line-height: 25px;
	}
	#culture #main .section02 .line {
		margin-right: 20px;
	}
	#culture #main .section03 {
		height: auto;
		background: none;
	}
	#culture #main .section04 {
		padding: 25px 0 21px;
	}
	#culture #main .section04 h2 {
		margin-bottom: 38px;
	}
	#culture #main .section04 .inner {
      height: auto;
	}
	#culture #main .section04 .inner .photo {
      width: auto;
      height: 55vw;
		float: none;
	}
	#culture #main .section04 .inner .txtBox {
		position: static;
		width: auto;
		border: none;
		border-bottom: 5px solid #ddd;
	}
	#culture #main .section04 .inner .txtBox .subTxtBox {
		padding: 16px 16px 13px;
		position: static;
		transform: none;
		-webkit-transform: none;
	}
	#culture #main .section04 .inner .txtBox .subTxtBox .txt {
		font-size: 11px;
	}
	#culture #main .section04 .inner .txtBox .subTxtBox .ttl {
		margin-bottom: 8px;
		font-size: 16px;
	}
	#culture #main .section04 .controls {
		margin: 26px auto 0;
		width: 145px;
		padding: 0;
		position: static;
	}
	#culture #main .section04 .controls .prev,
	#culture #main .section04 .controls .next {
		width: 30px;
		float: left;
		background-size: 30px auto !important;
	}
	#culture #main .section04 .controls .page {
		margin: 0 23px;
		line-height: 30px;
		font-size: 15px;
	}
	#culture #main .section04 .controls .page span {
		font-size: 21px !important;
	}
	
	/*------------------------------------------------------------
		culture_detail01.html
	------------------------------------------------------------*/
	#culture_detail #main .section {
		padding-bottom: 50px;
	}
	#culture_detail #main .section .subBox {
		padding: 0 40px;
	}
	#culture_detail #main .section .sliderBox {
		padding: 30px 0 20px;
	}
	#culture_detail #main .section .sliderBox .prev {
		width: 30px;
		left: 5px;
		background-size: 30px auto !important;
	}
	#culture_detail #main .section .sliderBox .next {
		width: 30px;
		right: 5px;
		background-size: 30px auto !important;
	}
	#culture_detail #main .section .sliderBox .detail {
		padding: 0 15px;
	}
	#culture_detail #main .section .sliderBox .detail .ttl {
		padding-bottom: 20px;
		margin-bottom: 12px;
		font-size: 12px;
		background-size: auto 3px;
	}
	#culture_detail #main .section .sliderBox .detail .ttl span {
		font-size: 16px;
	}
	#culture_detail #main .section .sliderBox .detail p {
		font-size: 11px;
		line-height: 1.7;
	}
	#culture_detail #main .section .sliderBox .detail .photo {
		margin: 15px 0;
	}
	
	/*------------------------------------------------------------
		responsibility.html
	------------------------------------------------------------*/
	#responsibility #main .section {
		padding: 20px 15px;
	}
	#responsibility #main .section .listUl li {
		width: 50%;
	}
	#responsibility #main .section .listUl li a .txtBox {
		padding: 10px 40px 10px 10px;
		font-size: 11px;
		background-size: 25px auto;
		background-position: right 10px center;
	}
	#responsibility #main .section .listUl li a .txtBox span {
		margin-bottom: 0;
		font-size: 14px;
	}
	
	/*------------------------------------------------------------
		honor.html
	------------------------------------------------------------*/
	#honor #main .section {
		padding: 20px 10px;
	}
	#honor #main .section .tabNavi {
		margin-bottom: 20px;
	}
	#honor #main .section .tabNavi li {
		margin: 0;
	}
	#honor #main .section .tabNavi li img {
		height: 27px;
		width: auto;
	}
	#honor #main .section .tabNavi li.li01:before {
		display: none;
	}
	#honor #main .section .tabNavi li a {
		background-size: auto 27px !important;
	}
	#honor #main .section .tabPanel {
		margin-bottom: 10px;
	}
	#honor #main .section .tabPanel li {
		padding: 0 5px;
		width: 50%;
	}
	#honor #main .section .tabPanel li a {
		margin-bottom: 10px;
		padding-bottom: 7px;
		font-size: 12px;
	}
	#honor #main .section .tabPanel li a img {
		margin-bottom: 6px;
	}
	
	/*------------------------------------------------------------
		careers.html
	------------------------------------------------------------*/
	#careers #main .section {
		padding: 20px 20px;
	}
	#careers #main .section .itemBox {
		margin-bottom: 20px;
		padding: 15px 15px 5px;
	}
	#careers #main .section .itemBox .itemTtl {
		padding: 0 0 8px 4px;
		font-size: 11px;
	}
	#careers #main .section .item .listUl {
		padding-left: 4px;
	}
	#careers #main .section .item .listUl li {
		font-size: 11px !important;
		line-height: 38px;
	}
	#careers #main .section .itemBox .li01 {
		width: 30%;
	}
	#careers #main .section .itemBox .li02 {
		width: 25%;
	}
	#careers #main .section .itemBox .li03,
	#careers #main .section .itemBox .li04,
	#careers #main .section .itemBox .li05 {
		width: 12%;
	}
	#careers #main .section .item .listUl li.li06 {
		width: 10px;
		margin: 14px 4px 0;
		background-size: 10px auto !important;
	}
	#careers #main .section .item {
		padding-top: 1px;
	}
	#careers #main .section .item:before {
		height: 1px;
	}
	#careers #main .section .item.on:before {
		border: 1px solid #cf000e;
		border-bottom: 3px solid #cf000e;
	}
	#careers #main .section .item .jsBox {
		margin: 0 1px;
		padding: 10px 10px 20px;
		background-size: 184px auto;
		background-position: right 10px bottom 3px;
	}
	#careers #main .section .item .jsBox .txt {
		margin-bottom: 15px;
		font-size: 11px;
	}
	#careers #main .section .item .jsBox .txt span {
		margin-left: 30px;
	}
	#careers #main .section .item .dlBox {
		margin-bottom: 5px;
	}
	#careers #main .section .item .dlBox dl {
		margin: 0 0 10px;
		float: none;
	}
	#careers #main .section .item .dlBox dt {
		margin-bottom: 5px;
		font-size: 12px;
	}
	#careers #main .section .item .dlBox dd {
		font-size: 11px;
		line-height: 1.7;
	}
	#careers #main .section .item .email a {
		width: 160px;
		font-size: 12px;
		line-height: 30px;
	}
	#careers #main .section .item .email a img {
		width: 14px;
	}
	
	/*------------------------------------------------------------
		product.html
   ------------------------------------------------------------*/
   .product .banner {
      height: auto;
      padding-top: 0;
      background-image: unset;
   }
   .product .banner .txtBox .scroll {
      bottom: 30px;
   }
	.product #gNavi > li:nth-child(3) > a {
		color: #777;
		background: #e7e7e7;
   }
   .product #main .twoNav .swiper-slide {
      padding: 92px 0 0;
   }
   .product #main .twoNav .swiper-slide a {
      padding: 11px 30px;
   }
	#product #main .section {
		padding-bottom: 30px;
	}
	#product #main .section ul {
		margin: 0 -5px 10px;
	}
	#product #main .section li {
		width: 50%;
		padding: 0 5px 10px;
	}
	#product #main .section li a .txtBox {
		padding: 10px;
		font-size: 11px;
		border-width: 5px !important;
	}
	#product #main .section li a .txtBox .ttl {
		font-size: 15px;
	}
	#product #main .section li a .txtBox .arrow {
		width: 30px;
		right: 10px;
		top: 17px;
		background-size: 30px auto !important;
	}
	
	/*------------------------------------------------------------
		product_detail.html
	------------------------------------------------------------*/
	#product_detail #main .section {
		padding-bottom: 30px;
	}
	#product_detail #main .section .subBox {
		padding: 0 20px 10px;
	}
	#product_detail #main .section .photo {
		width: 100%;
	}
	#product_detail #main .section .txtBox {
		width: 100%;
		position: static;
	}
	#product_detail #main .section .txtBox .subBox {
		padding: 15px 20px;
		position: static;
		transform: none;
		-webkit-transform: none;
	}
	#product_detail #main .section .txtBox .textList {
		margin-bottom: 20px;
		padding: 10px 20px;
	}
	#product_detail #main .section .txtBox .textList li {
		font-size: 12px;
		line-height: 1.7;
	}
	#product_detail #main .section .txtBox .textList li img {
		width: 6px;
	}
	#product_detail #main .section .txtBox .ttl {
		margin-bottom: 20px;
		font-size: 18px;
	}
	#product_detail #main .section .txtBox .ttl:before {
		height: 2px;
		bottom: -10px;
	}
	#product_detail #main .section .txtBox .txt {
		margin-bottom: 20px;
		font-size: 12px;
	}
	#product_detail #main .section .txtBox .back a {
		width: 120px;
		font-size: 12px;
		line-height: 30px;
	}
	#product_detail #main .section .sliderBox .arrow .prev {
		left: 0;
		width: 30px;
		top: 28%;
	}
	#product_detail #main .section .sliderBox .arrow .next {
		right: 0;
		width: 30px;
		top: 28%;
	}
	#product_detail #main .section .sliderBox .arrow .prev,
	#product_detail #main .section .sliderBox .arrow .next {
		width: 30px;
		background-size: 30px auto !important;
	}
	#product_detail #main .section .sliderBox .slick-dots {
		padding: 0;
		bottom: auto;
		top: 40%;
	}
	#product_detail #main .section .sliderBox .slick-dots li {
		width: 12px;
		height: 12px;
		border-width: 2px;
	}
	
	/*------------------------------------------------------------
		case.html
   ------------------------------------------------------------*/
   #case .banner {
      height: auto;
      padding-top: 0;
      background-image: unset;
   }
   #case .banner .txtBox .scroll {
      bottom: 80px;
   }
   #case .banner .twoNav {
      height: 30px;
      top: -44px;
   }
   #case .banner .twoNav .swiper-wrapper {
      height: 30px;
      line-height: 30px;
      padding: 0 40px 0;
      top: 0;
   }
   #case .banner .twoNav .swiper-slide .txt {
      font-size: 12px;
   }
   #case .banner .twoNav .next , 
   #case .banner .twoNav .prev {
      display: none;
   }
   #case #main .section {
      padding-top: 20px;
   }
   #case #main .section li a>img {
      height: 60vw;
   }
	.case #gNavi > li:nth-child(4) > a {
		color: #777;
		background: #e7e7e7;
	}
	#case #main .section {
		padding-bottom: 30px;
	}
	#case #main .section ul {
		margin: 0 -5px 10px;
	}
	#case #main .section li {
      width: 100%;
		padding: 0 5px 10px;
	}
	#case #main .section li a .txtBox {
		padding: 0 10px;
		bottom: 10px;
	}
	#case #main .section li a .subBox {
		padding: 10px 40px 7px 10px;
		font-size: 11px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		border-width: 5px !important;
	}
	#case #main .section li a .subBox span {
		font-size: 13px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	#case #main .section li a .subBox .arrow {
		margin-top: -12px;
		width: 30px;
		top: 50%;
		right: 10px;
		background-size: 30px auto !important;
	}
	
	/*------------------------------------------------------------
		case_detail.html
	------------------------------------------------------------*/
	#case_detail #main {
		padding-bottom: 40px;
	}
	#case_detail #main .section {
		padding-top: 20px;
	}
	#case_detail #main .section .sliderBox .subBox {
		padding: 0 20px 10px;
	}
	#case_detail #main .section .sliderBox .photo {
		margin-bottom: 13px;
	}
	#case_detail #main .section .sliderBox .txtBox .ttl {
		margin-bottom: 10px;
		width: auto;
		float: none;
		font-size: 14px;
	}
	#case_detail #main .section .sliderBox .txtBox .txt {
		width: auto;
		float: none;
	}
	#case_detail #main .section .sliderBox .txtBox .txt p {
		margin-bottom: 10px;
		font-size: 11px;
		line-height: 1.7;
	}
	#case_detail #main .section .sliderBox .arrow {
		padding: 20px;
	}
	#case_detail #main .section .sliderBox .arrow .prev,
	#case_detail #main .section .sliderBox .arrow .next,
	#case_detail #main .section .sliderBox .arrow .back a {
		width: 30px;
		background-size: 30px auto !important;
	}
	
	/*------------------------------------------------------------
		news.html
	------------------------------------------------------------*/
	.news #gNavi > li:nth-child(5) > a {
		color: #777;
		background: #e7e7e7;
	}
	#news #main .section {
		padding-bottom: 30px;	
	}
	#news #main .section .topBox {
		margin-bottom: 30px;
	}
	#news #main .section .topBox .photo {
		width: 100%;
	}
	#news #main .section .topBox .txtBox {
		width: 100%;
		position: static;
	}
	#news #main .section .topBox .txtBox li {
		position: static;
		height: auto;
		float: left;
	}
	#news #main .section .topBox .txtBox li a .subBox {
		padding: 10px;
		position: static;
		transform: none;
		-webkit-transform: none;
	}
	#news #main .section .topBox .txtBox li a .ttl {
		margin-bottom: 5px;
		font-size: 14px;
	}
	#news #main .section .topBox .txtBox li a .txt {
		margin-bottom: 5px;
		font-size: 11px;
	}
	#news #main .section .topBox .txtBox li a .date {
		font-size: 11px;
	}
	#news #main .section .listUl {
		margin-bottom: 30px;
	}
	#news #main .section .listUl li a {
		padding: 10px;
	}
	#news #main .section .listUl li a:hover {
		padding-bottom: 6px;
		border-width: 5px;
	}
	#news #main .section .listUl li a .img {
      width: 100%;
		float: none;
	}
	#news #main .section .listUl li a .txtBox {
		padding: 10px 10px 2px;
		min-height: inherit;
	}
	#news #main .section .listUl li a .txtBox .ttl {
		font-size: 14px;
	}
	#news #main .section .listUl li a .txtBox .txt {
		min-height: inherit;
		font-size: 11px;
	}
	#news #main .section .listUl li a .arrow {
		width: 30px;
		right: 5px;
		transform: none;
		-webkit-transform: none;
		top: auto;
		bottom: 10px;
		background-size: 30px auto !important;
	}
	
	/*------------------------------------------------------------
		news_detail.html
	------------------------------------------------------------*/
	#news_detail #main .section {
		padding-bottom: 50px;
	}
	#news_detail #main .section .lBox {
		margin-bottom: 20px;
		width: auto;
		float: none;
	}
	#news_detail #main .section .lBox .item {
		padding: 20px 20px 10px;
	}
	#news_detail #main .section .lBox .item .ttl {
		margin-bottom: 12px;
		padding-bottom: 10px;
		font-size: 11px;
		background-size: auto 3px;
	}
	#news_detail #main .section .lBox .item .ttl span {
		margin-bottom: 5px;
		font-size: 15px;
	}
	#news_detail #main .section .lBox .item p {
		margin-bottom: 10px;
		font-size: 11px;
		line-height: 1.7;
	}
	#news_detail #main .section .lBox .item .title {
		margin-bottom: 5px;
		font-size: 13px;
	}
	#news_detail #main .section .lBox .item .photo {
		margin: 15px 0;
	}
	#news_detail #main .section .sliderBox .arrow {
		padding: 20px;
	}
	#news_detail #main .section .sliderBox .arrow .prev,
	#news_detail #main .section .sliderBox .arrow .next,
	#news_detail #main .section .sliderBox .arrow .back a {
		width: 30px;
		background-size: 30px auto !important;
	}
	#news_detail #main .section .rBox {
		width: auto;
		float: none;
	}
	#news_detail #main .section .rBox ul {
		margin: 0 -5px;
	}
	#news_detail #main .section .rBox li {
		margin: 0;
		padding: 0 5px;
		width: 50%;
		float: left;
		box-sizing: border-box;
	}
	#news_detail #main .section .rBox li a .txtBox {
		padding: 15px 15px 20px;
	}
	#news_detail #main .section .rBox li a .txtBox .ttl {
		font-size: 15px;
	}
	#news_detail #main .section .rBox li a .txtBox .txt {
		margin-bottom: 15px;
		font-size: 11px;
	}
	#news_detail #main .section .rBox li a .txtBox .date {
		font-size: 11px;
	}
	
	/*------------------------------------------------------------
		contact.html
	------------------------------------------------------------*/
	#contact #gNavi > li:nth-child(7) > a {
		color: #777;
		background: #e7e7e7;
	}
	#contact .banner {
		margin-bottom: -30px;
	}
	#contact #main .section .listUl {
		position: relative;
		left: 0;
		top: 0;
		z-index: 10;
		transform: none;
		-webkit-transform: none;
	}
	#contact #main .section .listUl li {
		width: auto;
		float: none;
	}
	#contact #main .section .listUl li a {
		height: 190px;
		transition: none;
		-webkit-transition: none;
		border: none;
		font-size: 12px;
		border-bottom: 1px solid #ddd;
	}
	#contact #main .section .listUl li.on a,
	#contact #main .section .listUl li a:hover {
		color: #fff;
		background: url(../images/contact/bg01.jpg) no-repeat center center;
		background-size: cover;
	}
	#contact #main .section .listUl li a .txtBox {
		padding: 20px 40px 14px;
	}
	#contact #main .section .listUl li a > img {
		display: none;
	}
	#contact #main .section .listUl li a .ttl {
		margin-bottom: 20px;
		font-size: 16px;
	}
	#contact #main .section .listUl li a .ttl:before {
		width: 13px;
		height: 1.5px;
		bottom: -12px;
	}
	#contact #main .section .listUl li a .ttl .num {
		font-size: 90px;
		top: -40px;
		right: -25px;
		transform: none;
		-webkit-transform: none;
	}
	#contact #main .section .listUl li a .list {
		margin-bottom: 5px;
		padding-left: 21px;
		background-position: left center !important;
		background-size: 10.5px auto !important;
	}
	#contact #main .mapBox {
		margin-top: -35px;
		height: 345px;
	}
	#contact #main .mapBox iframe {
		height: 345px !important;
	}
	
	/*------------------------------------------------------------
		technical.html
	------------------------------------------------------------*/
	.technical #gNavi > li:nth-child(6) > a {
		color: #777;
		background: #e7e7e7;
	}
   #technical #main .section,
   #technical #main .cubeCountBox {
		padding: 20px 15px 10px;
		position: relative;
		background: #fff;
   }
   #technical #main .section .list, 
   #technical #main .cubeCountBox .list {
      display: block;
   }
   #technical #main .section .list .item, 
   #technical #main .cubeCountBox .list .item {
      width: calc(100% - 30px);
   }
   #technical #main .section .list .item, 
   #technical #main .cubeCountBox .list .item {
      padding: 20px 30px 25px 0;
   }
   #technical #main .section .list .item:nth-child(1), 
   #technical #main .cubeCountBox .list .item:nth-child(1) {
      margin-right: 0;
      margin-bottom: 20px;
   }
   #technical #main .section .item .row {
      flex-wrap: wrap;
      padding-top: 10px;
      padding-left: 30px;
   }
   #technical #main .section .list .item:nth-child(2) .row .name {
      padding-left: 0;
   }
   #technical #main .section .list .item:nth-child(2) .row .one {
      width: calc(100% - 2px);
   }
   #technical #main .section .list .item:nth-child(2) .row .two {
      width: calc((100% - 10px) / 2);
   }
   #technical #main .section .item .row .name {
      width: 70px;
      padding-left: 0;
   }
   #technical #main .section .item .row .select {
      width: calc(100% - 70px);
   }
   #technical #main .section .item .row .select input {
      width: calc(100% - 50px);
      padding: 0 32px 0 16px;
   }
   #technical #main .section .list .item:nth-child(2) .row .select input, 
   #technical #main .section .list .item:nth-child(2) .row .radio input {
      padding-left: 10px;
   }
   #technical #main .section .list .item:nth-child(2) .row .radio input {
      width: calc(100% - 72px);
   }
   #technical #main .section .list .item:nth-child(2) .row .select input {
      width: calc(100% - 44px);
   }
   #technical #main .cubeCountBox li {
      width: 100%;
   }
	
	/*------------------------------------------------------------
		installation.html
	------------------------------------------------------------*/
	#installation #main .section {
		padding: 15px 15px 20px;
	}
	#installation #main .section ul {
		margin-bottom: 10px;
	}
	#installation #main .section li {
		padding: 0 0 10px;
		width: 100%;
		float: none;
	}
	#installation #main .section li a {
		padding-right: 15px;
		line-height: 40px;
		font-size: 13px;
		background-size: cover;
	}
	#installation #main .section li a .txt {
		padding-left: 40px;
		background-position: 15px center;
		background-size: auto 18px;
	}
	#installation #main .section li a img {
		width: auto;
		height: 18px;
	}
	#installation #main .section li a .down,
	#installation #main .section li a .eye {
		margin: 13px 0 0 6px;
		background-size: auto 18px !important;
	}
	
	/*------------------------------------------------------------
		service.html
	------------------------------------------------------------*/
	#service #main .section {
		background: #fff;
	}
	#service #main .section .mapBox {
		position: relative;
	}
	#service #main .section .map {
		margin: 0;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		transform: none !important;
		-webkit-transform: none !important;
	}
	#service #main .txtBox {
		padding: 15px 5%;
		position: static;
	}
	#service #main .txtBox .ttl {
		margin-bottom: 10px;
		font-size: 16px;
	}
	#service #main .txtBox .txt {
		margin-bottom: 12px;
		font-size: 12px;
	}
	#service #main .txtBox .link a {
		width: 120px;
		font-size: 12px;
		line-height: 30px;
	}
	#service #main .section .map .popBox {
		max-width: 260px;
		width: 90%;
		height: auto;
		position: absolute;
		right: auto !important;
		left: 50%;
		top: 50% !important;
		border: 1px solid #cf000e;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
	}
	#service #main .section .map .popBox .arrow {
		display: none;
	}
	#service #main .section .map .popBox .ttl {
		padding-bottom: 1px;
		font-size: 14px;
		line-height: 30px;
	}
	#service #main .section .map .popBox .ttl img {
		width: 20px;
	}
	#service #main .section .map .popBox ul {
		margin: 10px 15px;
	}
	#service #main .section .map .popBox li {
		font-size: 12px;
	}
	#service #main .section .map .popBox li img {
		margin-right: 8px;
		width: 12px;
	}
	#service #main .section .map .dot01 {
		width: 6.5%;
		right: 14%;
		top: 17%;
	}
	#service #main .section .map .dot02 {
		width: 6.5%;
		right: 15%;
      top: 23%;
	}
	#service #main .section .map .dot03 {
		width: 6.5%;
		right: 16.5%;
      top: 28.5%;
	}
	#service #main .section .map .dot04 {
		width: 6.5%;
		right: 25.46%;
      top: 33.4%;
	}
	#service #main .section .map .dot05 {
		width: 6.5%;
		right: 25.8%;
      top: 34.8%;
	}
	#service #main .section .map .dot06 {
		width: 6.5%;
		right: 24.2%;
      top: 34.5%;
	}
	#service #main .section .map .dot07 {
		width: 7.1%;
      right: 27%;
      top: 38%;
	}
	#service #main .section .map .dot08 {
		width: 7.1%;
      right: 26%;
      top: 39%;
	}
	#service #main .section .map .dot09 {
		width: 6.5%;
      right: 24%;
      top: 44%;
	}
	#service #main .section .map .dot10 {
		width: 6.5%;
		right: 16%;
      top: 55%;
   }
   #service #main .section .map .dot11 {
		width: 6.5%;
		right: 19%;
      top: 53.8%;
	}
	#service #main .section .map .dot12 {
		width: 7.1%;
		right: 21.4%;
      top: 52.5%;
	}
	#service #main .section .map .dot13 {
		width: 6.5%;
		right: 23.5%;
      top: 54.5%;
	}
	#service #main .section .map .dot14 {
		width: 6.5%;
		right: 18%;
      top: 60.4%;
	}
	#service #main .section .map .dot15 {
		width: 6.5%;
		right: 17.8%;
      top: 67.8%;
   }
   #service #main .section .map .dot16 {
		width: 6.5%;
		right: 32%;
      top: 32.5%;
	}
	#service #main .section .map .dot17 {
		width: 6.5%;
      right: 31.4%;
      top: 42.5%;
	}
	#service #main .section .map .dot18 {
		width: 6.5%;
      right: 29.5%;
      top: 50%;
	}
	#service #main .section .map .dot19 {
		width: 6.5%;
		right: 31%;
      top: 57%;
	}
	#service #main .section .map .dot20 {
		width: 7.1%;
		right: 24.8%;
      top: 61.8%;
   }
   #service #main .section .map .dot21 {
		width: 6.5%;
		right: 24.8%;
      top: 66%;
	}
	#service #main .section .map .dot22 {
		width: 6.5%;
      right: 26%;
      top: 78%;
	}
	#service #main .section .map .dot23 {
		width: 6.5%;
		right: 28%;
      top: 76.5%;
	}
	#service #main .section .map .dot24 {
		width: 7.1%;
      right: 30.46%;
      top: 78.4%;
	}
	#service #main .section .map .dot25 {
		width: 6.5%;
		right: 33.8%;
      top: 86%;
	}
	#service #main .section .map .dot26 {
		width: 6.5%;
		right: 37%;
      top: 76.5%;
	}
	#service #main .section .map .dot27 {
		width: 6.5%;
      right: 30%;
      top: 65%;
	}
	#service #main .section .map .dot28 {
		width: 6.5%;
      right: 41%;
      top: 41.5%;
	}
	#service #main .section .map .dot29 {
		width: 6.5%;
      right: 37.5%;
      top: 49.5%;
	}
	#service #main .section .map .dot30 {
		width: 6.5%;
      right: 40%;
      top: 62%;
   }
   #service #main .section .map .dot31 {
		width: 6.5%;
		right: 38.8%;
      top: 67%;
	}
	#service #main .section .map .dot32 {
		width: 6.5%;
      right: 47%;
      top: 73%;
	}
	#service #main .section .map .dot33 {
		width: 6.5%;
		right: 44.5%;
      top: 58%;
	}
	#service #main .section .map .dot34 {
		width: 6.5%;
      right: 45.46%;
      top: 48.4%;
	}
	#service #main .section .map .dot35 {
		width: 6.5%;
		right: 50.8%;
      top: 46%;
	}
	#service #main .section .map .dot36 {
		width: 6.5%;
		right: 67%;
      top: 56.5%;
	}
	#service #main .section .map .dot37 {
		width: 6.5%;
      right: 70%;
      top: 27%;
	}
	/*------------------------------------------------------------
		innovating.html
	------------------------------------------------------------*/
	#innovating #main .section {
		padding: 20px 20px 10px;
	}
	#innovating #main .section .inner .photo {
		float: none !important;
		width: 100%;
	}
	#innovating #main .section .inner .txtBox {
		padding: 15px 0 !important;
		float: none !important;
		width: 100%;
	}
	#innovating #main .section .inner .txtBox .ttl {
		margin-bottom: 20px;
		font-size: 16px;
	}
	#innovating #main .section .inner .txtBox .ttl:before {
		width: 18px;
		height: 1.5px;
		bottom: -10px;
	}
	#innovating #main .section .inner .txtBox .ttl img {
		width: 35px;
	}
	#innovating #main .section .inner .txtBox p {
		font-size: 12px;
	}
	/*------------------------------------------------------------
		quality.html
	------------------------------------------------------------*/
	#quality #main .section {
		padding: 20px;
	}
	#quality #main .section .txtBox {
		position: static;
		width: auto;
		border-width: 0;
	}
	#quality #main .section .txtBox .subBox {
		padding: 15px 0;
		position: static;
		transform: none;
		-webkit-transform: none;
	}
	#quality #main .section .txtBox .ttl {
		margin-bottom: 20px;
		font-size: 16px;
	}
	#quality #main .section .txtBox .ttl:before {
		width: 18px;
		height: 2px;
		bottom: -10px;
	}
	#quality #main .section .txtBox .ttl span {
		font-size: 50px;
		top: -20px;
	}
	#quality #main .section .txtBox p {
		font-size: 12px;
		line-height: 1.7;
	}
	#quality #main .section .txtBox .controls {
		margin: 0 auto;
		width: 140px;
		padding: 0;
		position: static;
	}
	#quality #main .section .txtBox .controls .prev,
	#quality #main .section .txtBox .controls .next {
		width: 30px;
		float: left;
		background-size: 30px auto !important;
	}
	#quality #main .section .txtBox .controls .page {
		margin: 0 23px;
		line-height: 30px;
		font-size: 15px;
	}
	#quality #main .section .txtBox .controls .page span {
		font-size: 21px !important;
	}
}