#quick_menu{display: none;}


.main_visual{
	padding-top: 13.5rem;
}
.main_visual .swiper-container {
	position: relative;
  transition-timing-function: linear;
}
.main_visual .swiper-slide{
	width: 1200px;
	height: 295px;
}
.main_visual .swiper-slide img{
	width: 100%; height: 100%;
	object-fit: cover;
	object-position: center;
}
.main_visual .btnBox{
	z-index: 10;
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
	max-width: 1230px;
	width: 100%;
	padding: 0 15px;
}
.main_visual .btns{position: relative;}
.main_visual .swiper-button-next, 
.main_visual .swiper-button-prev {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: 41px;
	height: 41px;
	margin-top: -20.5px;
	background-size: 41px 41px;
	background-position: center;
	background-repeat: no-repeat;
}
.main_visual .swiper-button-prev{
	background-image: url(../_img/main/main_sliding_btn_prev.png);
	left: -20.5px;
	right: auto;
}
.main_visual .swiper-button-next{
	background-image: url(../_img/main/main_sliding_btn_next.png);
	right: -20.5px;
	left: auto;
}
@media (max-width:1199.98px) {
	.main_visual .swiper-slide{
		width: 930px;
		height: 221.25px;
	}
	.main_visual .btnBox{max-width: 960px;}
}
@media (max-width:991.98px) {
	.main_visual{padding-top: 12rem;}
	.main_visual .swiper-slide{
		width: 100%;
	}
	.main_visual .btnBox{max-width: unset;}
	.main_visual .swiper-button-next, 
	.main_visual .swiper-button-prev {
		width: 30px;
		height: 30px;
		margin-top: -15px;
		background-size: 30px 30px;
	}
	.main_visual .swiper-button-prev{left: 0;}
	.main_visual .swiper-button-next{right: 0;}
}
@media (max-width:767.98px) {
	.main_visual .swiper-slide,
	.main_visual .swiper-slide img{height: auto;}
	.main_visual .btnBox{display: none;}
}


#main_container .full_bg{
	z-index: 1;
	position: relative;
}
#main_container .full_bg::after{
	content:"";
	position:absolute;
	left:50%;
	right:50%;
	margin-left:-50vw;
	margin-right:-50vw;
	height:1px;
	background:#ececec;
	z-index:-1;
}


/*sec01*/
#main_container > .sec01{
  margin-top: 2rem;
	margin-bottom: 3rem;
	padding-bottom: 3rem;
}
#main_container > .sec01::after{bottom: 0;}
#main_container > .sec01 .main_tab li{width: calc(100% / 7);}
#main_container > .sec01 .main_tab li a{display: block; color: #555;}
#main_container > .sec01 .main_tab .thumb{
	display: block;
	border: 1px solid #dcdcdc;
	box-sizing: border-box;
	margin-right: -1px;
}
#main_container > .sec01 .main_tab .thumb img{width: 100%;}
#main_container > .sec01 .main_tab .cont {
	display: block;
	position: relative;
	padding: 5px;
	text-align: right;
	border: 1px solid #dcdcdc;
	margin-right: -1px;
	border-top: 0px;
}
#main_container > .sec01 .main_tab .cont strong {
	position: absolute;
	left: 1rem;
	top: 9px;
	font-size: 1.8rem;
	color: #121212;
}
#main_container > .sec01 .main_tab li.on .cont{
	color: #fff;
	background: #1d669f;
	border: 1px solid #1d669f;
}
#main_container > .sec01 .main_tab li.on .cont strong{
	color: #fff;
}

#main_container > .sec01 .view {
	position: relative;
	display: none;
}
#main_container > .sec01 .view ul{
	list-style: none;
	padding: 0;
}
#main_container > .sec01 .view .close {
	display: inline-block;
	z-index: 10;
	position: absolute;
	right: 0; top: 0;
	width: 3.6rem;
	height: 3.5rem;
	line-height: 3.5rem;
	text-align: center;
	border-top: 1px solid #6c9fc2;
}

#main_container > .sec01 .sub_tab{
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	background: #1d669f;
	border-top: 1px solid #6c9fc2;
	border-bottom: 1px solid #69b8e4;
}
#main_container > .sec01 .sub_tab li {
	cursor: pointer;
	padding: 1rem 3rem;
	min-width: 110px;
	text-align: center;
	font-size: 1.5rem;
	color: #fff;
	border: 1px solid #6c9fc2;
	border-right: none;
}
#main_container > .sec01 .sub_tab li:hover{text-decoration: underline;}
#main_container > .sec01 .view_contents {
	color: #fff;
	background: url(../_img/main/main_products_view_bg.jpg) no-repeat center center / cover;
}
#main_container > .sec01 .view_contents .inner1{
	display: flex;
	justify-content: space-between;
	padding: 3rem 3.1rem 3rem 3.1rem;
	border-bottom: 1px solid #2673a6;
	overflow: hidden;
}
#main_container > .sec01 .view_contents .inner1 .thumb {
	width: 52.1%;
}
#main_container > .sec01 .view_contents .inner1 .thumb img{width: 100%;}
#main_container > .sec01 .view_contents .inner1 .cont {
	width: 45.25%;
}
#main_container > .sec01 .view_contents .inner1 .cont h2 {
	margin-bottom: 2rem;
	padding-bottom: 1rem;
	font-size: 4.8rem;
	font-weight: 600;
	color: #ffea00;
	background: url(../_img/main/main_products_h2_bg.gif) repeat-x left bottom;
}
#main_container > .sec01 .view_contents .inner1 .cont strong {
	display: block;
	font-size: 1.8rem;
	line-height: 1.5;
}
#main_container > .sec01 .view_contents .inner1 .cont p {margin-top: 2rem;}
#main_container > .sec01 .view_contents .inner1 .cont p b {font-size: 2rem;}
#main_container > .sec01 .view_contents .inner2 {
	display: flex;
	gap: 1rem;
	padding: 1.5rem 4rem;
	border-top: 1px solid #70b2e1;
	border-bottom: 1px solid #2673a6;
	background: url(../_img/main/main_products_view_using_bg.png) repeat;
}
#main_container > .sec01 .view_contents .inner2 li {
	cursor: pointer;
	width: calc(16.66% - .5rem);
	text-align: center;
	font-size: 1.3rem;
	line-height: 2.5;
	border: 0px solid #00CCFF;
}
#main_container > .sec01 .view2 .view_contents .inner2 li:nth-child(3){width: calc(34% - .5rem);}
#main_container > .sec01 .view3 .view_contents .inner2 li,
#main_container > .sec01 .view5 .view_contents .inner2 li{width: calc(33.3% - .5rem);}
#main_container > .sec01 .view4 .view_contents .inner2 li{width: calc(50% - .5rem);}
#main_container > .sec01 .view6 .view_contents .inner2 li{width: 100%;}
#main_container > .sec01 .view_contents .inner2 li div{
	display: flex;
	gap: 1rem;
}
#main_container > .sec01 .view_contents .inner2 li img{width: 100%;}
#main_container > .sec01 .view2 .view_contents .inner2 li:nth-child(3) div img,
#main_container > .sec01 .view3 .view_contents .inner2 li div img,
#main_container > .sec01 .view5 .view_contents .inner2 li div img{width: calc(50% - .5rem);}
#main_container > .sec01 .view4 .view_contents .inner2 li div img{width: calc(33.3% - .5rem);}
#main_container > .sec01 .view6 .view_contents .inner2 li div img{width: calc(16.66% - .5rem);}
#main_container > .sec01 .view_contents .inner2 li  p {
	font-size: 1.2rem;
	font-weight: 600;
}
#main_container > .sec01 .view_contents .inner3 {
	display: flex;
	margin-top: 0px;
	background: #18557c;
}
#main_container > .sec01 .view_contents .inner3 li {width: 25%;}
#main_container > .sec01 .view_contents .inner3 li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 2.4rem;
	padding-left: 6rem;
	font-size: 1.5rem;
	font-weight: 600;
	color: #fff;
	text-align: center;
	border-right: 1px solid #5a84a1;
	word-break: keep-all;
}
#main_container > .sec01 .view_contents .inner3 li a.rohs {
	background: url(../_img/main/main_products_view_icon1.png) no-repeat 3rem 50%;
}
#main_container > .sec01 .view_contents .inner3 li a.msds {
	background: url(../_img/main/main_products_view_icon1.png) no-repeat 3rem 50%;
}
#main_container > .sec01 .view_contents .inner3 li a.qna {
	background: url(../_img/main/main_products_view_icon2.png) no-repeat 3rem 50%;
}
#main_container > .sec01 .view_contents .inner3 li a.catalogue {
	background: url(../_img/main/main_products_view_icon3.png) no-repeat 3rem 50%;
}
#main_container > .sec01 .view_contents .inner4{
	padding: 1.5rem 3rem;
	border-top: 1px solid #70b2e1;
	border-bottom: 1px solid #2673a6;
	background: url(../_img/main/main_products_view_using_bg.png) repeat;
}
#main_container > .sec01 .view_contents .inner4 a{
	display: flex;
	flex-wrap: wrap;
}
#main_container > .sec01 .view_contents .inner4 a li{
	width: 33.3%;
	padding-left: 1rem;
	font-size: 1.3rem;
	color: #FFFFFF;
	line-height: 2.5;
	background: url(../_img/main/main_products_view_using_bullet.png) no-repeat left top 12px;
}
#main_container > .sec01 .view_contents .inner4 a li.long{width: 50%;}
@media (max-width:1199.98px) {
	#main_container > .sec01 .main_tab{flex-wrap: wrap;}
	#main_container > .sec01 .main_tab li{width: calc(100% / 5);}
	#main_container > .sec01 .main_tab li:nth-child(6) .thumb,
	#main_container > .sec01 .main_tab li:nth-child(7) .thumb{margin-top: -1px;}

	#main_container > .sec01 .view_contents .inner3 li a{
		background-size: 35px auto !important;
		background-position: 2rem 50% !important;
	}

	#main_container > .sec01 .view_contents .inner4 a li{width: 50%;}
}
@media (max-width:991.98px) {
	#main_container > .sec01 .main_tab li{width: calc(100% / 4);}
	#main_container > .sec01 .main_tab li:nth-child(5) .thumb{margin-top: -1px;}

	#main_container > .sec01 .view_contents .inner1{flex-wrap: wrap;}
	#main_container > .sec01 .view_contents .inner1 > *{width: 100% !important;}
	#main_container > .sec01 .view_contents .inner1 .cont{margin-top: 1rem;}
	#main_container > .sec01 .view_contents .inner1 .cont h2 {
    margin-bottom: 1rem;
    padding-bottom: .5rem;
    font-size: 4rem;
  }
	#main_container > .sec01 .view_contents .inner1 .cont p {margin-top: 1rem;}

	#main_container > .sec01 .view_contents .inner2 {flex-wrap: wrap;}
	#main_container > .sec01 .view_contents .inner2 li {width: calc(25% - .8rem);}
	#main_container > .sec01 .view2 .view_contents .inner2 li:nth-child(3),
	#main_container > .sec01 .view3 .view_contents .inner2 li,
	#main_container > .sec01 .view5 .view_contents .inner2 li{width: calc(50% - .5rem);}
	#main_container > .sec01 .view4 .view_contents .inner2 li{width: 100%;}
	#main_container > .sec01 .view6 .view_contents .inner2 li div{flex-wrap: wrap;}
	#main_container > .sec01 .view6 .view_contents .inner2 li div img{width: calc(33.3% - .7rem);}
}
@media (max-width:767.98px) {
	#main_container > .sec01 .main_tab li{width: calc(100% / 3);}
	#main_container > .sec01 .main_tab li:nth-child(4) .thumb{margin-top: -1px;}

	#main_container > .sec01 .view_contents .inner2 li {width: calc(50% - .5rem);}
	#main_container > .sec01 .view2 .view_contents .inner2 li:nth-child(3),
	#main_container > .sec01 .view3 .view_contents .inner2 li,
	#main_container > .sec01 .view5 .view_contents .inner2 li{width: 100%;}
	#main_container > .sec01 .view6 .view_contents .inner2 li div img{width: calc(50% - .7rem);}
	#main_container > .sec01 .view_contents .inner3 li a{
		background-size: 25px auto !important;
		background-position: 1.5rem 50% !important;
	}

	#main_container > .sec01 .view_contents .inner4 a li{
		width: 100% !important;
		background-position: left top 10px;
	}
}
@media (max-width:575.98px) {
	#main_container > .sec01 .main_tab li{width: calc(100% / 2);}
	#main_container > .sec01 .main_tab li:nth-child(3) .thumb{margin-top: -1px;}

	#main_container > .sec01 .sub_tab li{min-width: 130px;}

	#main_container > .sec01 .view4 .view_contents .inner2 li div{flex-wrap: wrap;}
	#main_container > .sec01 .view4 .view_contents .inner2 li div img{width: calc(50% - .5rem);}

	#main_container > .sec01 .view_contents .inner3{flex-wrap: wrap;}
	#main_container > .sec01 .view_contents .inner3 li{width: 50%;}
	#main_container > .sec01 .view_contents .inner3 li:nth-child(3) a,
	#main_container > .sec01 .view_contents .inner3 li:nth-child(4) a {border-top: 1px solid #5a84a1;}
}






/*sec02*/
#main_container > .sec02 ul{gap: 2rem;}
#main_container > .sec02 ul li{width: calc(25% - 1rem);}
#main_container > .sec02 ul li img{width: 100%; margin-bottom: 2rem;}
#main_container > .sec02 ul li dt {
	margin-bottom: 1rem;
	font-size: 1.7rem;
	color: #333;
}
#main_container > .sec02 ul li dd {color: #828181;}
@media (max-width:991.98px) {
	#main_container > .sec02 ul{flex-wrap: wrap;}
	#main_container > .sec02 ul li{width: calc(50% - 1rem);}
}
@media (max-width:575.98px) {
	#main_container > .sec02 ul li{width: 100%;}
}




/*sec03*/
#main_container > .sec03{
	margin-top: 3rem;
	padding: 5rem 0;
	padding-bottom: 7rem;
}
#main_container > .sec03::after{top: 0;}
#main_container > .sec03 > ul > li{
	width: 25%;
	padding: 0 9rem 0 1.5rem;
  border-right: 1px solid #ececec;
}
#main_container > .sec03 .catalog{
	background: url(../_img/main/icon_download.png) no-repeat 90% 85%;
}
#main_container > .sec03 .promotion{
	background: url(../_img/main/icon_stockInfo.png) no-repeat 90% 85%;
}
#main_container > .sec03 .location{
	background: url(../_img/main/icon_location.png) no-repeat 90% 85%;
}
#main_container > .sec03 .title a{
	font-size: 1.7rem;
	font-weight: 600;
	color: #2c2c2c;
}
#main_container > .sec03 .news ul > li{
	padding-left: 8px;
	background: url(../_img/main/bullet2.png) no-repeat left 8px;
}
#main_container > .sec03 .news ul > li a {
	color: #9a9a9a;
	line-height: 1.5;
}
#main_container > .sec03 .desc {
	margin-top: 1.5rem;
}
#main_container > .sec03 .desc a{color: #555;}
@media (max-width:991.98px) {
	#main_container > .sec03 > ul{flex-wrap: wrap;}
	#main_container > .sec03 > ul > li{width: 50%}
	#main_container > .sec03 > ul > li:nth-child(1),
	#main_container > .sec03 > ul > li:nth-child(2){padding-bottom: 2rem;}
	#main_container > .sec03 > ul > li:nth-child(3),
	#main_container > .sec03 > ul > li:nth-child(4){
		padding-top: 2rem;
		border-top: 1px solid #ececec;
	}
	#main_container > .sec03 > ul > li:nth-child(even){border-right: none;}
	#main_container > .sec03 .catalog {background-position: 90% 50%;}
}
@media (max-width:575.98px) {
	#main_container > .sec03 > ul > li{width: 100%;}
	#main_container > .sec03 > ul > li:nth-child(2){
		padding-top: 2rem;
		border-top: 1px solid #ececec;
	}
	#main_container > .sec03 > ul > li:nth-child(3){padding-bottom: 2rem;}
	#main_container > .sec03 > ul > li:nth-child(odd){border-right: none;}
}