@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;}

	.main-panel .row .col {width:31.33333333%; margin:0 1%;}
	.main-panel .panel.p-partners, .main-panel .panel.p-hull-block {width:100%;}
	.main-panel .panel {width:100%;}
	.hull-block-wrap #images {text-align:center;}
	.sub-page-wrap.ver-board .con {padding:0 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;}
}


@media (max-width:1200px){
	.certification-wrap .section .row {margin:0 1%;}
	.certification-wrap .section .row .col {width:48%; margin:0 1%;}
	.certification-wrap ul {margin:0 -1%;}
	.certification-wrap ul li {width:48%; height:30vw; margin:0 1%;}
	.certification-wrap .section:nth-child(2) .row .col {width:23%;}
	.certification-wrap .section:nth-child(2) .row .col ul li {width:98%;}
	.certification-wrap .section:nth-child(2) .row .col:first-child {width:48%;}	
	.certification-wrap .section:nth-child(2) .row .col:first-child ul li {width:48%;}
}

@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;}
	.common_banner.sub_banner .sb_txt h1 {font-size:22px;}
	.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;}
	.main-sw .swiper-slide .sw-text .t2 {font-size:2.5vw; line-height:1.6;}


	.main-panel .row {flex-wrap:wrap;}
	.main-panel .row .col {width:48%;}
	.main-panel .row:first-child .col:first-child {width:98%;  margin-bottom:2%;}
	.main-panel .row:last-child .col:last-child {width:98%; margin-top:2%;}
	
	.flow-chart ul {display:block; font-size:0;}
	.flow-chart ul li {width:31.333333%; margin:0 1% 2%; display: inline-block; vertical-align: top;}
	.flow-chart ul li .name {height:97px; display:flex; align-items: center; justify-content: center;}

	.facility-sw .swiper-slide {padding-top:0;}
	.facility-sw .swiper-slide {padding-left:0;}
	.facility-sw .img-box {width:100%; position:static; height:50vw;}
	.facility-sw .txt-box {width:100%; height:auto; padding: 20px;}
	.facility-sw .txt-box .t1 {width:auto; display:block; position:static; padding:0;}
	.facility-sw .txt-box .t2 {position:static; display:block; margin-top:20px;}
	.facility-sw .txt-box .t2 ul li .th {position:static; display:block; margin-bottom:10px;}
	.facility-sw .txt-box .t2 ul li .col .box {padding-left:0; margin-bottom:20px;}
	.facility-sw .ml35 {margin-top:32px;}
	.facility-sw .w345 {width:auto; margin-right:20px;}
	.facility-sw-arrow .left, .facility-sw-arrow .right {width:50px;}
	.facility-sw-arrow {top:102px; transform:none;}
	.facility-sw-arrow .left {left:20px;}
	.facility-sw-arrow .right {right:20px;}

	.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;}
}


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

	#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:200px;}
	#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:0; width:100%; text-align:center;}
	.main-intro-slide .swiper-pagination-bullet {margin:0 auto;}
	.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;}

	.message-wrap .section .tit .txt {}
	.message-wrap .section .contxt {font-size:12px;}
	.organization-wrap {padding-bottom:0;}
	.history-wrap .yymmdd .month .day span.txt {font-size:12px; margin-top:5px;}
	.location-wrap .map-img {height:100vw;}
	.location-wrap .map-info ul li span {font-size:14px;}
	.location-wrap .map-info ul li {font-size:14px;}
	.partner-wrap ul li .img {height:25vw;}
	.partner-wrap ul li .img img {height:auto; width:90%;}
	.hull-block-wrap #images {margin:0;}
	.hull-block-wrap #images li {width:100%; margin:0 0 20px 0;}
	.heater-wrap .section .t2 {font-size:12px;}
	.tbl-st1 {overflow-x:scroll;}
	.tbl-st1 table {width:1024px;}
	.performance-wrap .section .tit {font-size:16px; margin-bottom:20px;}
	.graph-img {margin-top:20px; width:1024px;}
	.layout-wrap .layout-tab {flex-wrap: wrap;     flex-direction: column; align-items: flex-start;}
	.layout-wrap .layout-tab li {font-size:12px; margin-bottom:5px;}
	.flow-chart ul li {width:48%; margin:0 1% 2%;}
	.flow-chart ul li .name {height:97px; font-size:12px;     word-break: break-all; padding:0 20px;}

	.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;}

	.sketchfab-embed-wrapper {height:390px;}
} /* 640 */


@media (max-width:480px){

}


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