@charset "utf-8";

html {
      /* Prevent font scaling in landscape */
     -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
     -moz-text-size-adjust: none; /*Firefox*/
     -ms-text-size-adjust: none;  /*Ie*/
     -o-text-size-adjust: none; /*old versions of Opera*/
}

@media (min-width:1920px){

}

@media (max-width:1680px){
	
}

@media (max-width:1480px){
	.con {width:100%; padding:0 20px;}
	#wrap {overflow:hidden; width:100%;}
	#header {display:none;}
	#mo_header, #mo_menu {display:block;}

	#footer .ftop .con {width:100%;}
	#footer .fbot .con {width:100%;}
	#footer .ftop .flogo {right:20px;}
	
	.common_banner.sub_banner .con {display: flex; align-items: flex-start; flex-direction: column-reverse; width:100%; padding-bottom:20px; height:30vw;}
	/* .common_banner.sub_banner .sb_txt {order:1; position:static;} */
	.common_banner.sub_banner .location-navi {position:static; margin-top:10px;}
	/* .sub-page-wrap .con {display: flex; flex-wrap: wrap; padding:0 20px;} */
	.sub-page-wrap .page-left {order:2; padding:0;}
	.sub-page-wrap .page-right {order:1; position:static !important; width:100%;}
	.rnb {border:none; display:none;}
	.rnb dt {display:none !Important;}

	.certi-list {padding:0 100px;}
	.certi-list ul {text-align:center;}
	.certi-list ul li {float:none; display:inline-block;}

	.mobile-tab-wrap {display:block;}
	.sub-page-wrap.products-page-wrap .con {padding-right:20px;}
} /* 1480 */

@media (max-width:1280px){
  #footer .ftop .con {display:flex; flex-flow: column-reverse;}
	.fsitemap {width:100%;}
	.fsitemap dl {margin:0 10px;}
	#footer .ftop .left, #footer .ftop .right {display:block;}
	#footer .companyinfo .col br {display:none;}
	.blog-list ul {margin:0 -1.5%;}
	.blog-list ul li {width:30.3333%; margin:0 1.5% 3%;}
	.down-list ul li {width:47%;}
	.contact-us-wrap .box {padding:0;}
	.contact-us-wrap .box .right {position:static; width:100%; margin-top:40px;}
	.submit-wrap {text-align:center;}
	.contact-us-wrap .box .left {height:auto;}
}


@media (max-width:1200px){

}

@media (max-width:1024px){	
	#footer .ftop .flogo {position:static; text-align:center; order:1; margin-bottom:40px;}
	.fsitemap dl dt a {font-size:14px;}
	#footer .companyinfo .col span {font-size:14px;}
	#footer .companyinfo .col {font-size:12px;}

	.common_banner.sub_banner .con {height:250px; height:150px;}
	.common_banner.sub_banner .sb_txt h1 {font-size:22px; line-height:1.2; white-space:nowrap;}
	.common_banner.sub_banner .location-navi {margin-top:0;}
	.location-navi > div a, .location-navi > span {font-size:14px;}
	
	.main-sw .swiper-slide .sw-text {padding:0 40px;}
	.main-sw .swiper-slide .sw-text .t1 {font-size:5vw; line-height:1.2;}
	.main-sw .swiper-slide .sw-text .t2 {font-size:2.5vw; line-height:1.6;}
	.sidebtn {display:none;}



	.certification-wrap .section .tit {font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.safety-regulation-wrap ul li {min-height:97px; height:auto; padding:20px 10px;}
	.safety-regulation-wrap ul li .ic {display:none;}
	.safety-regulation-wrap ul li .txt {font-size:12px; margin-left:10px;}

	.board-view-wrap .tit .t1 {font-size:12px;}
	.board-view-wrap .tit .t2 {font-size:18px;}
	.board-view-wrap .etc {margin-top:10px;}

	#footer .con {padding:0; height:auto;}
	#footer .right {position:static; width:100%; display:none;}
	.bot-list {text-align:center;}
	#footer .flogo {margin:40px auto 0; display:block; text-align:center;}
	#footer .flogo img {width:100px;}
	#footer .left .copyright {text-align:center; padding-bottom:20px;}

	.greeting-box {padding-left:0;}
	.greeting-box .left {position:static; width:auto; height:300px; text-align:center;}
	.greeting-box .left img {height:100%; width:auto;}
	.greeting-box .right {margin-top:40px;}

	.manufacture-list ul li {width:30%;}
	.manufacture-list ul li .img {height:23vw;}

	.row {flex-wrap: wrap;}
	.row .col + .col {margin-top:20px;}
}
/* 1024 */

@media (max-width:800px){
	.blog-list ul li {width:47%;}
	.blog-list ul li .thumb {height:25vw;}
	.blog-list ul li .txt .t1 {font-size:16px; font-weight:500;}
	.blog-list ul li .txt .t2 .left {display:none;}
}

@media (max-width:680px){
	.ov-wrap .sc-2 {height:auto; padding-top:20vw; padding-bottom:20vw;}
	.circle-box {width:100%; height:100vw;     background-size: contain; margin-top:5vw;}
	.circle-box ul {width:96%; height:86%;}
	.circle-box ul li {width:49vw; height:49vw;}
	.circle-box ul li .txt {font-size:3vw; line-height:1.2;}
	.circle-box ul li .icon {font-size:12vw;}

}


@media (max-width:640px){
	.con {padding:0 10px;}
	
	#mo_header .con {height:70px;}
	#mo_header .logo {width:170px; width: 100px;}
	#mo_header .menu {margin-right:0px; font-size:30px;}

	.container {padding-top:70px;}

	#menu_ul {margin-top:25px;}
	#menu_ul li .main_menu .link a {font-size:16px; line-height:60px;}
	#menu_ul li .main_menu .link {height:60px; padding-right:60px;}
	#menu_ul li .main_menu .more a {line-height:60px; padding:0 20px;}
	#menu_ul li .main_menu {height:60px;}
	#mo_menu .logo {padding:15px 0;}
	#mo_menu .logo .logo_img {width:100px;}
	#mo_menu .mo_close {width:24px; top:20px; right:20px;}
	#menu_ul li .main_menu .more img {width:25px;}
	#mo_menu .etc_menu ul li .link_box .img img {max-width: 50px; max-height:50px; width: auto; height: auto;}
	#mo_menu .etc_menu ul li .link_box .txt {font-size:16px; height:30px;}
	#mo_menu .etc_menu ul li .link_box .img {height:80px;}
	#mo_menu .etc_menu {margin-top:50px;}
	#mo_menu .mo_copyright {line-height:1.4; font-size:10px; text-align:left; margin-top:20px;}

	#menu_ul li .sub_menu li a {font-size:14px;  line-height:45px; padding-left:35px;}
	

	#footer .ftop .right {display:none;}
	#footer .ftop .left {padding:0 20px;}
	#footer .fbot .con {text-align:center;}
	#footer .fbot .copyright {font-size:12px;}

	.sub-page-wrap {min-height:auto; padding-top:40px;}
	.main-intro-slide .swiper-pagination {left:50%; width:100%; text-align:center;}
	.main-intro-slide .swiper-pagination-bullet {margin:0 5px;}
	.sw-control {display:none;}
	.main-sw .swiper-slide .sw-text .t3 a {font-size:14px;}
	.main-panel {padding:20px 0;}
	.main-panel .row .col {width:98%; margin-bottom:20px;}
	.main-panel .row:first-child .col:first-child, .main-panel .row:last-child .col:last-child {margin-bottom:20px;}
	.main-panel .row {margin-bottom:0;}


	.notice-wrap table thead td:nth-child(1) {width:50px;}
	.notice-wrap table thead td:nth-child(4) {width:80px;}
	.notice-wrap table thead td:nth-child(3), .notice-wrap table tbody td:nth-child(3), .notice-wrap table thead td:nth-child(5), .notice-wrap table tbody td:nth-child(5) {display:none;}

	
	
	.main-sw .swiper-slide {height:calc(100vh - 70px);}

	.main-section-1 .prod-list ul {flex-direction: column;}
	.main-section-1 .prod-list ul li {width:100%; height:auto;}
	.main-section-1 .tit .t1 {font-size:25px;}
	.main-section-1 .tit .t2 {font-size:14px;}
	.main-section-1 .prod-list ul li .img {height:60vw;}
	.main-section-1 .prod-list ul li .txtbox {padding:20px;}
	.main-section-1 .prod-list ul li .txtbox .t1 {font-size:18px;}
	.main-section-1 .prod-list ul li .txtbox .t2 {font-size:12px;}
	.main-section-2 {height:auto;}
	.main-section-2 .left {transform:none; }
	.main-section-2 .right {padding:0; position:static; width:100%; height:auto; padding:0 20px 20px;}
	.main-section-2 .right .tit .t1 {padding:20px; font-size:21px; text-align:center; line-height:1.4;}
	.main-section-2 .right .tit::after {left:50%; transform:translateX(-50%)}
	.main-section-2 .right ul.txtbox li .txt .t1 {font-size:18px;}
	.main-section-2 .right ul.txtbox li .num {font-size:18px;}
	.main-section-2 .right ul.txtbox li .txt .t2 {font-size:12px; margin-top:10px;}
	.main-section-3 ul {flex-direction: column;}
	.main-section-3 ul li {margin-bottom:20px;}
	.main-section-3 ul li .icon {font-size:30px; margin-right:0; flex:0 0 80px; text-align:center;}
	.main-section-3 ul li .txt .t1 {font-size:18px;}
	.main-section-3 ul li .txt .t2 {font-size:12px;}
	.tit.common-tit .t1 {font-size:21px; line-height:1.4;}
	.ov-wrap .contxt {margin-top:40px;}
	.contxt {font-size:12px;}
	.overview-box ul {    flex-wrap: wrap; flex-direction: row;}
	.overview-box ul li {margin-bottom:40px;}
	.overview-box ul li .txt .t1 {font-size:14px;}
	.overview-box ul li .txt .t2 {font-size:12px;}
	.greeting-box {margin-top:30px;}
	.greeting-box .right .mop {font-size:14px;}
	.history-wrap .yymmdd .month .day span.txt {font-size:12px;}
	.certi-list {padding:0;}
	.certi-list ul {margin:0;     display: flex; flex-wrap: wrap; justify-content: space-around;}
	.certi-list ul li:first-child {max-width:382px; width:100%;}
	.certi-list ul li {margin:0 0 40px;}
	.manufacture-list ul, .test-list ul {flex-direction: column;}
	.manufacture-list ul li {width:100%;}
	.manufacture-list ul li .img {height:63vw;}
	.manufacture-list ul li .txtbox .t1 {font-size:12px;}
	.row {display:block;}
	.row .col {margin-left:0; margin-right:0;}
	.img-txt-list ul {margin:0 -1%;}
	.img-txt-list ul li {width:48%; margin:0 1% 2%;}
	.img-txt-list ul li .txt {font-size:12px;}
	dl.circle-number dt {line-height:1.4; font-size:18px;}
	.row .col + .col {margin-left:0;}
	dl.circle-number dt span {top:9px;}
	.tbl-green {overflow-x:scroll;}
	.tbl-green table {width:640px;}
	.img-only-list {text-align:center;}
	.blog-list ul li .txt .t1 {font-size:14px;}
	.blog-list ul li .txt {padding:15px;}
	.down-list ul li .thumb {height:50vw;}
	.down-list ul li .txt .t1 {font-size:12px;}
	.down-list ul li .txt .t2 {font-size:16px;}
	.down-list ul li .txt {padding:15px 15px 70px;}
	.down-list ul li .txt button {width: calc(100% - 30px); left:15px; bottom:15px;}
	.contact-us-wrap .box .left .map {height:70vw;}
	.form-row input {height:40px; font-size:14px;}
	.contact-us-wrap .box .right .form-row textarea {height:40vw;}
} /* 640 */


@media (max-width:480px){

}


@media (max-width:400px){
}