@charset "UTF-8";


.movieImage{
	position: relative;
}
.movieImage:after{
	position: absolute;
	content: '';
	left: 50%;
	top: 50%;
	width: 80px;
	height: 80px;
	background: url("https://www.nipponsteel.com/common/img/ico_movie_@2x.png") center center no-repeat;
	background-size: 80px;
	transform: translate(-50%, -50%);
	opacity: 0.5;
}


.company .text_block p{
	line-height: 1.5em;
}

.company .subpage_common_page_name,
.company .subpage_common_subtitle{
    border-bottom: 1px solid #096EAA;
}
.company .subpage_common_subtitle a:hover{
	text-decoration: underline;
}
.company .subpage_common_title a .clone,
.company .subpage_common_subtitle a .clone{
	margin-left: 0.3em;
	padding-left: 18px;
	position: relative;
	font-size: 0.8em;
}
.company .subpage_common_title a .clone:before,
.company .subpage_common_subtitle a .clone:before {
	  position: absolute;
	  top: 0;
	  left: 0;
	  color: #096EAA;
	  font-family: "Font Awesome 5 Free";
	  content: "\f24d";
	  font-weight: 400;
	  display: inline-block;
	  line-height: 1.3em;
}
.company .subpage_common_title span{
	font-size: 70%;
	font-weight: normal;
	margin-left: 1.5em;
}
.company .subpage_sub .category_navi .group li a:before,
.company .subpage_common_title:before,
.company .subpage_sub .category_navi .category_title a,
.modal_contents .movie_wrap .modal_close{
	background: #096EAA;
}
.company .subpage_sub .category_navi .group li a:hover,
.company .tableOuter table tr th,
.company.message.index .subpage_sub .category_navi .group li.message a,
.company.about.index .subpage_sub .category_navi .group li.about a,
.company.philosophy .subpage_sub .category_navi .group li.philosophy > a,
.company.business.index .subpage_sub .category_navi .group li.business a,
.company.history.index .subpage_sub .category_navi .group li.history.index > a,
.company.history.nsc .subpage_sub .category_navi .group li.history li.nsc a,
.company.history.smi .subpage_sub .category_navi .group li.history li.smi a,
.company.executives .subpage_sub .category_navi .group li.executives a,
.company.organization .subpage_sub .category_navi .group li.organization a,
.company.location .subpage_sub .category_navi .group li.location > a,
.company.location.hq .subpage_sub .category_navi .group li.location li.hq a,
.company.location.works .subpage_sub .category_navi .group li.location li.works a,
.company.location.laboratory .subpage_sub .category_navi .group li.location li.laboratory a,
.company.location.l_group .subpage_sub .category_navi .group li.location li.l_group a,
.company.location.oversea .subpage_sub .category_navi .group li.location li.oversea a,
.company.dx .subpage_sub .category_navi .group li.dx > a,
.company.dx.dx_dx .subpage_sub .category_navi .group li.dx li.dx_dx a,
.company.dx.dx_vision .subpage_sub .category_navi .group li.dx li.dx_vision a,
.company.dx.dx_specific .subpage_sub .category_navi .group li.dx li.dx_specific a,
.company.dx.dx_ict .subpage_sub .category_navi .group li.dx li.dx_ict a,
.company.material .subpage_sub .category_navi .group li.material > a,
.company.material.policy .subpage_sub .category_navi .group li.material li.policy a,
.company.material.procedure .subpage_sub .category_navi .group li.material li.procedure a,
.company.material.list .subpage_sub .category_navi .group li.material li.list a,
.company.material.m_sdgs .subpage_sub .category_navi .group li.material li.m_sdgs a,
.company.material.partner .subpage_sub .category_navi .group li.material li.partner a,
.company.material.declaration .subpage_sub .category_navi .group li.material li.declaration a,
.company.partner .subpage_sub .category_navi .group li.partner > a,
.company.partner.p2020 .subpage_sub .category_navi .group li.partner li.p2020 a,
.company.partner.p2019 .subpage_sub .category_navi .group li.partner li.p2019 a,
.company.partner.p2018 .subpage_sub .category_navi .group li.partner li.p2018 a,
.company.partner.p2017 .subpage_sub .category_navi .group li.partner li.p2017 a,
.company.partner.p2016 .subpage_sub .category_navi .group li.partner li.p2016 a,
.company.partner.p2015 .subpage_sub .category_navi .group li.partner li.p2015 a,
.company.movie .subpage_sub .category_navi .group li.movie > a,
.company.movie.story .subpage_sub .category_navi .group li.movie li.story a,
.company.movie.science .subpage_sub .category_navi .group li.movie li.science a,
.company.publications .subpage_sub .category_navi .group li.publications > a,
.company.publications.quarterly-nipponsteel .subpage_sub .category_navi .group li.publications li.quarterly-nipponsteel a,
.company.publications.story .subpage_sub .category_navi .group li.publications li.story a,
.company.publications.monthly-nsc .subpage_sub .category_navi .group li.publications li.monthly-nsc a,
.company.publications.monthly-sm .subpage_sub .category_navi .group li.publications li.monthly-sm a,
.company.publications.works_brochure .subpage_sub .category_navi .group li.publications li.works_brochure a,
.company.publications.hanbai .subpage_sub .category_navi .group li.publications li.hanbai a,
.company.story_ad .subpage_sub .category_navi .group li.story_ad > a,
.company.sns .subpage_sub .category_navi .group li.sns > a,
.company.sns.sns_philosophy .subpage_sub .category_navi .group li.sns li.sns_philosophy a,
.company.mail .subpage_sub .category_navi .group li.mail a,
.company.secret .subpage_sub .category_navi .group li.secret a,
.company.nenkan .subpage_sub .category_navi .group li.nenkan a,
.company.sdgs .subpage_sub .category_navi .group li.sdgs a,
.company.tour .subpage_sub .category_navi .group li.nssmc a,
.company.tour .subpage_sub .category_navi .group li.tour > a,
.company.tour.process01 .subpage_sub .category_navi .group li.tour li.process01 a,
.company.tour.process02 .subpage_sub .category_navi .group li.tour li.process02 a,
.company.tour.process03 .subpage_sub .category_navi .group li.tour li.process03 a,
.company.tour.process04 .subpage_sub .category_navi .group li.tour li.process04 a,
.company.tour.process05 .subpage_sub .category_navi .group li.tour li.process05 a,
.company.tour.process06 .subpage_sub .category_navi .group li.tour li.process06 a,
.company.tour.process07 .subpage_sub .category_navi .group li.tour li.process07 a,
.company.tour.process09 .subpage_sub .category_navi .group li.tour li.process09 a,
.company.tour.vr_tour .subpage_sub .category_navi .group li.tour li.vr_tour a,
.company.tour.about_iron .subpage_sub .category_navi .group li.tour li.about_iron a,
.company.whoweare .subpage_sub .category_navi .group li.whoweare > a,
.company.whoweare.chronology .subpage_sub .category_navi .group li.whoweare li.chronology a,
.company.offices .subpage_sub .category_navi .group li.offices > a,
.company.offices.chronology .subpage_sub .category_navi .group li.offices li.chronology a,
.company.offices.japan .subpage_sub .category_navi .group li.offices li.japan a,
.company.offices.asia .subpage_sub .category_navi .group li.offices li.asia a,
.company.offices.europe .subpage_sub .category_navi .group li.offices li.europe a,
.company.offices.north .subpage_sub .category_navi .group li.offices li.north a,
.company.bases .subpage_sub .category_navi .group li.bases > a,
.company.bases.japan .subpage_sub .category_navi .group li.bases li.japan a,
.company.bases.asia .subpage_sub .category_navi .group li.bases li.asia a,
.company.bases.europe .subpage_sub .category_navi .group li.bases li.europe a,
.company.bases.africa .subpage_sub .category_navi .group li.bases li.africa a,
.company.bases.america .subpage_sub .category_navi .group li.bases li.america a,
.company.iso .subpage_sub .category_navi .group li.iso > a,
.company.iso.muroran .subpage_sub .category_navi .group li.iso li.muroran a,
.company.iso.kashima .subpage_sub .category_navi .group li.iso li.kashima a,
.company.iso.kimitsu .subpage_sub .category_navi .group li.iso li.kimitsu a,
.company.iso.kamaishi .subpage_sub .category_navi .group li.iso li.kamaishi a,
.company.iso.naoetsu .subpage_sub .category_navi .group li.iso li.naoetsu a,
.company.iso.nagoya .subpage_sub .category_navi .group li.iso li.nagoya a,
.company.iso.wakayama .subpage_sub .category_navi .group li.iso li.wakayama a,
.company.iso.amagasaki .subpage_sub .category_navi .group li.iso li.amagasaki a,
.company.iso.osaka .subpage_sub .category_navi .group li.iso li.osaka a,
.company.iso.hirohata .subpage_sub .category_navi .group li.iso li.hirohata a,
.company.iso.kure .subpage_sub .category_navi .group li.iso li.kure a,
.company.iso.hanshin .subpage_sub .category_navi .group li.iso li.hanshin a,
.company.iso.yawata .subpage_sub .category_navi .group li.iso li.yawata a,
.company.iso.hikari .subpage_sub .category_navi .group li.iso li.hikari a,
.company.iso.oita .subpage_sub .category_navi .group li.iso li.oita a,
.company.philosophy.employee-action-guidelines .subpage_sub .category_navi .group li.philosophy li.employee-action-guidelines a,
.company.philosophy.group-code-of-conduct .subpage_sub .category_navi .group li.philosophy li.group-code-of-conduct a{
	background: #d9e8f2;
}
.history.index .subpage_sub .category_navi .group li.history .child,
.location .subpage_sub .category_navi .group li.location .child,
.dx .subpage_sub .category_navi .group li.dx .child,
.material .subpage_sub .category_navi .group li.material .child,
.partner .subpage_sub .category_navi .group li.partner .child,
.sns .subpage_sub .category_navi .group li.sns .child,
.movie .subpage_sub .category_navi .group li.movie .child,
.publications .subpage_sub .category_navi .group li.publications .child,
.tour .subpage_sub .category_navi .group li.tour .child,
.whoweare .subpage_sub .category_navi .group li.whoweare .child,
.offices .subpage_sub .category_navi .group li.offices .child,
.bases .subpage_sub .category_navi .group li.bases .child,
.iso .subpage_sub .category_navi .group li.iso .child,
.en.philosophy .subpage_sub .category_navi .group li.philosophy .child{
	display: block;
}
.company .subpage_sub .category_navi .group li a:after{
	border-top-color: #096EAA;
	border-right-color: #096EAA;
}
.company .subpage_sub .category_navi .group_name span,
.company .subpage_main .subpage_main_group .disc > li:before,
.company .subpage_main .subpage_main_group .decimal > li:before,
.company .borderBox .arrowTitle,
.head_info .swiper-container .swiper-slide .wrap .caption:before,
.AnchorLinkBTNArea ul li a:before,
.subpage_main .text_block .Link > a .pdf:before,
.subpage_main .text_block .Link > a:before,
.subpage_main .text_block .Link > a .clone:before,
.sitemap .subpage_main .subpage_main_group .disc > li:before{
	color: #096EAA;
}
.company .tableOuter table tr th,
.company .tableOuter table tr td{
	padding: 0.8em;
}
.company .tableOuter table tr th.style03{
	background: #096EAA;
	text-align: center;
	color: #fff;
}
.company .borderBox > a,
.modal_contents .movie_wrapOuter{
	border-color: #096EAA;
}
.company .borderBox > a{
	height: 100%;
}

.borderBoxBlue{
	border: #096EAA solid 3px;
	padding: 25px 20px;
	border-radius: 10px;
	display: block;
}



.kv {
  background: url(https://www.nipponsteel.com/company/common_2021/images_2021/company/top/kv.jpg) no-repeat center right 20%/cover;
}
.kv .title_wrap .page_title,
.kv .title_wrap > p{
	color: #fff;
}

.head_info .swiper-container .swiper-slide .wrap .caption{
	min-height: auto;

}

.head_info .slick-slide > div{
	background: #D1E4F0;
}
.slick-dots li.slick-active button {
  background: #096EAA;
  border: #096EAA solid 2px;
}

.AnchorLinkContent{
	background: #E4E4E4;
	padding: 0.5em 0;
}
.AnchorLinkContent ul{
	display: flex;
	justify-content: space-between;
	border-right: #096EAA solid 2px;
}
.AnchorLinkContent ul li{
	width: 33.33%;
	border-left: #096EAA solid 2px;
	padding: 0 2px;
	position: relative;
}
.AnchorLinkContent ul li:before{
	margin-right: 0.5em;
	font-family: "Font Awesome 5 Free";
	content: "\f078";
	font-weight: 900;
	width: 11px;
	height: 12px;
	display: inline-block;
	color: #096EAA;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.AnchorLinkContent ul li a{
	display: flex;
	align-items: center;
	transition: 0.2s;
}
.AnchorLinkContent ul li a:hover{
	opacity: 0.7;
}
.AnchorLinkContent ul li .icon{
	min-width: 90px;
	width: 90px;
	margin-right: 1em;
}
.AnchorLinkContent ul li .txt{
	font-size: 20px;
	font-weight: bold;
	text-align: left;
}

.MW1080{
	max-width: 1080px;
	margin: 0 auto;
	padding: 0 40px;
}

.head_info{
	padding-bottom: 0;
}



.companyTOPContent{
	text-align: left;
	margin: 5em 0;
}
.companyTOPContent h2{
	font-size: 30px;
	position: relative;
	padding-left: 1.2em;
	margin-bottom: 1em;
}
.companyTOPContent h2:before{
	content: "";
	background: #096EAA;
	position: absolute;
	top: 0.4em;
	left: 0;
	width: 1em;
	height: 10px;
}

.companyTOPContentIn:nth-of-type(n+2){
	margin-top: 5em;
}
.companyTOPContentIn ul{
	display: flex;
	flex-wrap: wrap;
}
.companyTOPContentIn ul li{
	width: 32%;
	margin-right: 2%;
}
@media ( min-width: 961px ) {
	.companyTOPContentIn ul li:nth-of-type(3n){
		margin-right: 0;
	}
	.companyTOPContentIn ul li:nth-of-type(n+4){
		margin-top: 2%;
	}
}

.companyBtn{
	display: flex;
	align-items: center;
	border-radius: 10px;
	border: #0F9DD2 solid 2px;
	overflow: hidden;
	position: relative;
	transition: 0.2s;
	padding: 0 2em 0 0;
	line-height: 1.3em;
}
.companyBtn:before {
	margin-right: 0.5em;
	font-family: "Font Awesome 5 Free";
	content: "\f054";
	font-weight: 900;
	display: flex;
	align-items: center;
	color: #0F9DD2;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1em;
	margin: auto;
	transition: 0.2s;
}
.companyBtn .icon{
	width: 90px;
	min-width: 90px;
	margin-right: 1em;
}
.companyBtn:hover{
	background: #0F9DD2;
	color: #fff;
}
.companyBtn:hover:before{
	color: #fff;
}


.TOPmessage{
	background: url(https://www.nipponsteel.com/company/common_2021/images_2021/company/top/topmessage_bg.jpg) no-repeat center right;
	background-size: cover;
	border-radius: 10px;
	margin-bottom: 3%;
	transition: 0.2s;
	position: relative;
}
.TOPmessage:before{
	font-family: "Font Awesome 5 Free";
	content: "\f054";
	font-weight: 900;
	display: inline-block;
	color: #0F9DD2;
	position: absolute;
	bottom: 0.8em;
	right: 1em;
	transition: 0.2s;
	font-size: 30px;
}
.TOPmessage:hover{
	opacity: 0.7;
}
.TOPmessage a{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 2em 3em;
	height: 280px;
}
.TOPmessage .title{
	font-size: 26px;
}
.TOPmessage .name{
	font-size: 14px;
	margin-top: 1.5em;
	line-height: 2em;
}
.TOPmessage .name span{
	font-size: 20px;
	display: block;
}

.companyTOPOtherLink{
	margin-top: 3em;
}
.companyTOPOtherLink ul{
	display: flex;
	flex-wrap: wrap;
}
.companyTOPOtherLink ul li{
	width: 23%;
	margin-right: 2.66%;
}
.companyTOPOtherLink ul li:nth-of-type(4n){
	margin-right: 0;
}

.OtherLinkBtn{
	display: block;
	transition: 0.2s;
	position: relative;
}
.OtherLinkBtn:hover{
	opacity: 0.7;
}
.OtherLinkBtn:before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background-color:rgba(0,0,0,0.4);
}
.OtherLinkBtn .txt{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	font-weight: bold;
}
.OtherLinkBtn .txt:before{
	font-family: "Font Awesome 5 Free";
	content: "\f054";
	font-weight: 900;
	display: inline-block;
	color: #fff;
	position: absolute;
	bottom: 0.8em;
	right: 1em;
	transition: 0.2s;

}




.btnMainStyle{
	border: #096EAA solid 2px;
	border-radius: 10px;
	background: #fff;
	display: flex;
	align-items: center;
	text-align: left;
	padding: 1.5em 1em 1.5em 2em;
	transition: 0.2s;
	position: relative;
}
.btnMainStyle > span.arrow{
}
.btnMainStyle:before{
	margin-right: 0.5em;
	font-family: "Font Awesome 5 Free";
	content: "\f054";
	font-weight: 900;
	width: 11px;
	height: 12px;
	display: inline-block;
	color: #096EAA;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 1em;
}
.btnMainStyle .pdf{
	margin-left: 0.3em;
	padding-left: 18px;
	position: relative;
	font-size: 0.9em;
}
.btnMainStyle .pdf:before {
	position: absolute;
	top: 0;
	left: 0;
	color: #096EAA;
	font-family: "Font Awesome 5 Free";
	content: "\f1c1";
	font-weight: 900;
	display: inline-block;
	line-height: 1.3em;
}
.btnMainStyle:hover{
	opacity: 0.7;
	background: #096EAA;
	color: #fff;
}
.btnMainStyle:hover:before,
.btnMainStyle:hover .pdf:before{
	color: #fff;
}


.borderBlueCompanyLink{
	border: #096EAA solid 1px;
	padding: 1em;
	display: block;

}
.movie.story .borderBlueCompanyLink{
	margin-top: -10px;
}


.philosophy_sns{
	cursor: pointer;
	transition: 0.2s;
}
.philosophy_sns:hover{
	opacity: 0.7;
}


.subpage_common_subtitle.indent{
	text-indent: -2em;
	padding-left: 2em;
}
.subpage_common_subtitle.indent .no{
	display: inline-block;
	min-width: 1.5em;
	background: #096EAA;
	color: #fff;
	text-align: center;
	line-height: 1.5em;
	text-indent: 0;
	margin-right: 0.5em;
}
.subpage_common_subtitle.indent .date{
	font-size: 60%;
	text-align: center;
	background: #096EAA;
	color: #fff;
	margin-left: 0.5em;
	padding: 0.2em 0.5em;
	white-space: nowrap;
	position: relative;
	top: -4px;
}

.flexBox{
	display: flex;
}
.fwrap{
	flex-wrap: wrap;
}
.flexBox li{
	margin-right: 1.2em;
}





@media ( min-width: 601px ){
	.movie .modal_contents .movie_wrapOuter {
	  padding: 40px 50px 30px;
	}
}
.movie .modal_contents .movie_wrap .movie {
  margin: 0 0 20px;
}


.movieArrow{
	cursor: pointer;
	position: relative;
	padding-left: 2em;
	line-height: 1.5em;
}
.movieArrow:before{
	font-family: "Font Awesome 5 Free";
	content: "\f0da";
	font-weight: 900;
	width: 1.5em;
	height: 1.5em;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #096EAA;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	border-radius: 50%;
}


.movieStart{
	position: relative;
}
.movieStart:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	background: url("https://www.nipponsteel.com/common/img/ico_movie_blue_02.png") center center no-repeat;
	background-size: 80px;
	transform: translate(-50%, -50%);
}

@media ( max-width: 1080px ) {
	
	.AnchorLinkContent ul li .icon,
	.companyBtn .icon {
		min-width: 70px;
		width: 70px;
	}
	
}


@media ( min-width: 961px ) {
}

@media ( max-width: 960px ) {
	

	
	.companyTOPContentIn ul li,
	.companyTOPOtherLink ul li{
		width: 49%;
		margin-right: 2%;
	}
	.companyTOPContentIn ul li:nth-of-type(2n),
	.companyTOPOtherLink ul li:nth-of-type(2n){
		margin-right: 0;
	}
	.companyTOPContentIn ul li:nth-of-type(n+3),
	.companyTOPOtherLink ul li:nth-of-type(n+3){
		margin-top: 2%;
	}
	
	
}

@media ( max-width: 849px ) {
	.AnchorLinkContent .MW1080{
		padding: 0 10px;
	}
	.AnchorLinkContent ul li .txt {
		font-size: 18px;
	}
	
	
	.TOPmessage{
		background-position: 65% center;
	}
	
	
	
}

@media ( min-width: 601px ){
	
	
	.company .tableOuter table {

	}
	.company .tableOuter table tr th,
	.company .tableOuter table tr td{
		font-size: 16px;
		line-height: 2;
	}

	
}
@media ( max-width: 600px ){
	
	.kv{
		background-position: 12% bottom;
	}
	
	.AnchorLinkContent{
		margin-top: 4em;
	}
	.AnchorLinkContent ul{
		display: block;
		border: none;
	}
	.AnchorLinkContent ul li{
		width: auto;
		border-right: #096EAA solid 2px;
	}
	.AnchorLinkContent ul li:nth-of-type(n+2){
		margin-top: 2%;
	}
	.AnchorLinkContent ul li:before{
		left: auto;
		top: 0;
		right: 5%;
	}
	.AnchorLinkContent ul li .icon {
		min-width: 50px;
		width: 50px;
	}
	.AnchorLinkContent ul li .txt {
		font-size: 16px;
	}
	.AnchorLinkContent ul li a{
		padding-right: 3em;
	}
	
	.MW1080{
		padding: 0 20px;
	}
	
	
	.companyTOPContent{
		margin: 3em 0;
	}
	
	.companyTOPContent .MW1080{
		padding: 0;
	}
	
	
	.companyTOPContent h2{
		font-size: 20px;
	}
	.companyTOPContent h2:before{
		height: 8px;
		top: 0.3em;
	}
	
	.companyTOPContentIn{
		padding: 0 20px;
	}
	.companyTOPContentIn ul{
		display: block;
	}
	.companyTOPContentIn ul li{
		width: auto;
		margin-right: 0;
	}
	.companyTOPContentIn ul li:nth-of-type(n+2){
		margin-top: 3%;
	}
	
	.companyTOPContentIn:nth-of-type(n+2) {
		margin-top: 3em;
	}
	

	.companyTOPOtherLink{
		padding: 0 10px;
		margin-top: 2em;
	}
	.companyTOPOtherLink ul li{
		width: calc(50% - 1px);
		margin-right: 1px;
	}
	.companyTOPOtherLink ul li:nth-of-type(n+3){
		margin-top: 1px;
	}
	
	
	.TOPmessage{
		background: #D1E4F0;
		overflow: hidden;
	}
	.TOPmessage a{
		padding: 0;
		height: auto;
	}
	.TOPmessage:before{
		bottom: 1.4em;
		font-size: 22px;
	}
	.TOPmessage .title{
		font-size: 18px;
		padding: 4vw 4vw 0 4vw;
	}
	.TOPmessage .name{
		margin-top: 0.5em;
		padding: 0 4vw 3vw 4vw;
	}
	.TOPmessage .name span{
		font-size: 18px;
		display: inline;
		margin-left: 0.7em;
	}
	
	
	.company .AnchorLink {
		margin-top: -60px !important;
		padding-top: 60px !important;
	}
	
}




@media all and (-ms-high-contrast: none) {
	.company.executives .flex8to2Box,
	.en.company.whoweare .flex8to2Box{
		display:block;
	}

}