@charset "UTF-8";



.horizontalLineTitle{
	position: relative;
	margin-bottom: 1.5em;
}
.horizontalLineTitle:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background: #096EAA;
	height: 3px;
	width: 100%;
}
.horizontalLineTitle span{
	background: #fff;
	display: inline-block;
	position: relative;
	z-index: 10;
	font-weight: bold;
	font-size: 28px;
	padding: 0.5em 1em;
}

.toList{
	position: absolute;
	top: -10px;
	right: 0;
	font-size: 14px;
	z-index: 10;
}
.toList a{
	position: relative;
	display: block;
	line-height: 1.4em;
}
.toList a:before{
	margin-right: 0.5em;
	font-family: "Font Awesome 5 Free";
	content: "\f054";
	font-weight: 900;
	width: 1em;
	height: 1.5em;
	display: flex;
	align-items: center;
	color: #096EAA;
	position: absolute;
	top: 0;
	left: -15px;
	line-height: 1em;
}
.toList a:hover{
	text-decoration: underline;
}


.MW1500{
	max-width: 1500px;
	margin: 0 auto;
	padding: 0 40px;
}
.MW1080{
	max-width: 1080px;
	margin: 0 auto;
	padding: 0 40px;
}
.MW880{
	max-width: 880px;
	margin: 0 auto;
	padding: 0 20px;
}




.TOPkv{
	min-height: 400px;
	overflow: hidden;
}
.TOPkv .slick-dots {
	bottom: 20px;

}

.TOPkv .TOPkvImage{
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 400px;
}
.TOPkv .TOPkvImage.kv01{
	background: url("mv_01_bg.html") center center no-repeat;
	background-size: 100% 100%;
}

.TOPkv .TOPkvImage .TOPkvImageIn{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 100;
	text-align: left;
	max-width: 1500px;
	padding: 0 60px;
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.TOPkv .TOPkvImage.kv01 .title{
	color: #fff;
	font-weight: bold;
	font-size: 50px;
	line-height: 1.3em;
	text-shadow: 1px 2px 3px #5f5f5f;
}
.TOPkv .TOPkvImage.kv01 .txt{
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.7em;
	text-shadow: 1px 2px 3px #5f5f5f;
	margin-top: 1.5em;
}





.TOPkv .slick-dots li button{
	background: #7B7A7A;
	border: #7B7A7A solid 2px;
	padding: 0;
}
.TOPkv .slick-dots li.slick-active button {
  background: #CECECE;
  border: #CECECE solid 2px;
}
.TOPkv .slick-prev,
.TOPkv .slick-next{
	background-color:rgba(255,255,255,0.4);
	width: 42px;
	height: 120px;
	transition: .2s;
	margin: auto;
}
.TOPkv .slick-prev:hover,
.TOPkv .slick-next:hover{
	background-color:rgba(255,255,255,0.8);
}
.TOPkv .slick-prev:before,
.TOPkv .slick-next:before{
	margin-right: 0.5em;
	font-family: "Font Awesome 5 Free";
	content: "\f054";
	font-weight: 900;
	width: 0.7em;
	height: 1em;
	display: inline-block;
	color: #096EAA;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.TOPkv .slick-prev:before{
transform: rotate(180deg);
}
.TOPkv .slick-prev{
	left: 0;
	border-radius: 0 10px 10px 0;
}
.TOPkv .slick-next{
	right: 0;
	border-radius: 10px 0 0 10px;
}



.slick-dotted.slick-slider{
	margin: 0;
}




.TOPSearchArea{
	background: #E4EDF6;
	text-align: center;
	padding: 0.7em;
	margin-top: -1px;
}
.TOPSearchAreaIn{
	max-width: 890px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.TOPSearchArea .pull-right{
	float: none;
	width: 100%;
}

.TOPSearchAreaIn .title{
	font-weight: bold;
	font-size: 16px;
	white-space: nowrap;
}
.TOPSearchAreaIn .mf_finder_searchBox{
	margin-right: 0;
}
.TOPSearchAreaIn .mf_finder_searchBox_items{
	padding: 0;
}
.TOPSearchAreaIn .mf_finder_searchBox_items > div input{
	background: #fff;
	border-radius: 10px;
	margin-right: 0.7em;
	padding: .4rem .7rem;
	width: 97%;
}
.TOPSearchAreaIn .mf_finder_searchBox_items > button{
	border-radius: 10px;
}
@media ( min-width: 601px ){
	.TOPSearchAreaIn .mf_finder_searchBox_items > button{
		padding: 0 3rem;
	}
	.TOPSearchAreaIn .mf_finder_searchBox_submit:before {
		content: "検 索";
		font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
		font-weight: bold;
		font-size: 16px;
		color: #fff;
	}
}




.TOPPickUP{
	background: #F5F9FC;
	padding: 2.5em 0 5em;
}
.TOPPickUP .horizontalLineTitle span{
	background: #F5F9FC;
}


.head_info{
	padding: 0;
}
.head_info .inner{
	padding: 0;
}
.TOPPickUP .head_info .swiper_wrap,
.TOPAboutMore .head_info .swiper_wrap{
	margin: 0;
}
.head_info .slick-slide > div{
	background: #D1E4F0;
	border-radius: 10px;
}
.head_info .swiper-container .swiper-slide .wrap .caption{
	min-height: auto;
}
.head_info .swiper-container .swiper-slide .wrap .caption:before{
	color: #096EAA;
}
.head_info .swiper-container .swiper-slide .wrap .caption .clone{
	margin-left: 0.3em;
	padding-left: 18px;
	position: relative;
	font-size: 0.8em;
}
.head_info .swiper-container .swiper-slide .wrap .caption .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;
}
.slick-dots li button{
	transition: 0.2s;
}
.slick-dots li button:hover,
.slick-dots li.slick-active button{
	background: #096EAA;
	border: #096EAA solid 2px;
}
.slick-prev, .slick-next{
	width: 25px;
	height: 25px;
	top: 0;
	bottom: 0;
}
.head_info .slick-next {
	right: -60px;
	left: auto;
	border-top: 3px solid #096EAA;
	border-right: 3px solid #096EAA;
}
.head_info .slick-prev {
	left: -60px;
	right: auto;
	border-top: 3px solid #096EAA;
	border-left: 3px solid #096EAA;
}
.slick-dots{
	bottom: -45px;
}
.TOPPickUP .slick-dots{
	bottom: -35px !important;
}
.head_info .swiper-container .swiper-slide{
	position: relative;
}
.head_info .swiper-container .swiper-slide .new{
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 10;
	color: #fff;
	background: #DB2020;
	border-radius: 4px;
	font-weight: bold;
	padding: 0.5em;
	font-size: 14px;
}
.head_info .slick-arrow{
	bottom: 0;
	transition: 0.2s;
}
.head_info .slick-arrow:hover{
	opacity: 0.7;
}



.AnchorLinkContent{
	background: #E4E4E4;
	padding: 0.5em 0;
}
.AnchorLinkContent ul{
	display: flex;
	justify-content: space-between;
	border-right: #096EAA solid 2px;
}
.AnchorLinkContent ul li{
	width: 50%;
	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{
	background: #f5f9fc;
}
.AnchorLinkContent ul li .icon{
	width: 90px;
	margin-right: 1em;
}
.AnchorLinkContent ul li .txt{
	font-size: 20px;
	font-weight: bold;
}


.TOPNewsArea{
	padding: 5em 0;
}
.TOPNewsAreaIn{
	position: relative;
}
.TOPNewsAreaIn:nth-of-type(n+2){
	margin-top: 3em
}
.TOPNewsAreaIn.important{
	/* background: #E4E4E4;
	padding: 2em; */
}
.TOPNewsAreaIn.important .horizontalLineTitle span{
	/* background: #E4E4E4; */
}

.TOPNewsArea .NewsAreaTable table{
	width: 100%;
}
.TOPNewsArea .NewsAreaTable tr th,
.TOPNewsArea .NewsAreaTable tr td{
	border-bottom: #707070 dotted 1px;
	padding: 1em 0;
	text-align: left;
	vertical-align: top;
}
.TOPNewsArea .NewsAreaTable tr th .DateTag{
	display: flex;
	align-items: center;
}
.TOPNewsArea .NewsAreaTable tr th .DateTag .Date{
	font-size: 14px;
}
.TOPNewsArea .NewsAreaTable tr th .DateTag .Tag{
	color: #fff;
	padding: 0.5em 1em;
	border-radius: 20px;
	font-size: 12px;
	white-space: nowrap;
	margin-left: 1em;
	font-weight: bold;
	min-width: 7em;
	text-align: center;
} 
.TOPNewsArea .NewsAreaTable tr th .DateTag .Tag.csr{
	background: #00682E;
}
.TOPNewsArea .NewsAreaTable tr th .DateTag .Tag.product{
	background: #4E57A2;
}
.TOPNewsArea .NewsAreaTable tr th .DateTag .Tag.management{
	background: #096EAA;
}
.TOPNewsArea .NewsAreaTable tr th .DateTag .Tag.hr{
	background: #c90012;
}
.TOPNewsArea .NewsAreaTable tr th .DateTag .Tag.ir{
	background: #00a0de;
}
.TOPNewsArea .NewsAreaTable tr th{
	width: 12em;
	padding: 1.3em 0;
}
.TOPNewsArea .NewsAreaTable.info tr th{
	width: 7em;
}
.TOPNewsArea .NewsAreaTable tr td{
	line-height: 1.7em;
	vertical-align: middle;
}
.TOPNewsArea .NewsAreaTable tr td a:hover,
.TOPNewsAreaIn.important ul li a:hover{
	text-decoration: underline;
}

.TOPNewsArea .NewsAreaTable .list-cmn-news-01 li{
	display: flex;
	align-items: flex-start;
	border-bottom: #707070 dotted 1px;
	padding: 1.2em 0;
	flex-wrap: wrap;
}
.list-cmn-news-01 > li .text-01 a:hover,
.list-cmn-news-01 > li .text-02 a:hover{ 
	text-decoration: underline;
}
.list-cmn-news-01 > li .ico-document,
.list-cmn-news-01 > li .ico-category{
	display: none;
}
.list-cmn-news-01 li .box-text{
	display: flex;
	align-items: center;
	/* width: 15em; */
	/* min-width: 15em; */
	padding-top: 2px;
	padding-right: 1em;
}
.NewsAreaTable.info .list-cmn-news-01 li .box-text{
	width: 6.5em;
	min-width: 6.5em;
}
.list-cmn-news-01 li .box-text .txt-date{
	font-size: 14px;
}
.list-cmn-news-01 li .box-text .txt-category{
	background: #e4e4e4;
	padding: 0.5em 1em;
	border-radius: 20px;
	font-size: 12px;
	white-space: nowrap;
	margin-left: 1em;
	font-weight: bold;
	min-width: 5em;
	text-align: center;
}
.list-cmn-news-01 > li .text-02{
	line-height: 1.5em;
	text-align:left;
	width: 100%;
	margin-top: 11px;
}


.TOPNewsAreaIn.important ul{
	width: 90%;
	margin: 0 auto;
}
.TOPNewsAreaIn.important ul li{
	text-align: left;
	line-height: 1.5em;
	position: relative;
	padding-left: 1.5em;
}
.TOPNewsAreaIn.important ul li:before{
	content: "";
	position: absolute;
	top: 0.7em;
	left: 0;
	background: #096EAA space 3px;
	width: 0.8em;
	height: 3px;
}
.TOPNewsAreaIn.important ul li:nth-of-type(n+2){
	margin-top: 1.2em;
}
.TOPNewsAreaIn a .pdf,
.TOPNewsAreaIn a .clone,
.list-cmn-news-01 > li .txt-icon{
	margin-left: 0.3em;
	padding-left: 18px;
	position: relative;
	font-size: 0.9em;
	top: -1px;
}
.TOPNewsAreaIn a .pdf:before,
.list-cmn-news-01 > li .txt-icon:before{
	position: absolute;
	top: 2px;
	left: 0;
	color: #096EAA;
	font-family: "Font Awesome 5 Free";
	content: "\f1c1";
	font-weight: 900;
	display: inline-block;
	line-height: 1.3em;
}

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


.TOPAboutNipponsteel{
	background: url("jpg/about_bg.jpg") center top no-repeat;
	background-size: cover;
	padding: 8em 40px;
}
.TOPAboutNipponsteel > div{
	background: #fff;
	padding: 3em;
}
.TOPAboutNipponsteel .MW1080{
	padding: 0;
}
.TOPAboutNipponsteel .swiper-wrapper{
	display: flex;
	flex-wrap: wrap;
	opacity: 1;
}
.TOPAboutNipponsteel .swiper-wrapper .swiper-slide{
	width: 32%;
	margin-right: 2%;
	text-align: left;
}
@media ( min-width: 960px ) {
	.TOPAboutNipponsteel .swiper-wrapper .swiper-slide:nth-of-type(3n){
		margin-right: 0;
	}
	.TOPAboutNipponsteel .swiper-wrapper .swiper-slide:nth-of-type(n+4){
		margin-top: 2em;
	}
}
.TOPAboutNipponsteel .swiper-wrapper .swiper-slide a{
	display: block;
	transition: 0.2s;
}
.TOPAboutNipponsteel .swiper-wrapper .swiper-slide a:hover{
	opacity: 0.7;
}

.TOPAboutNipponsteel .swiper-wrapper .swiper-slide .img{
	border-radius: 10px;
	overflow: hidden;
}
.TOPAboutNipponsteel .swiper-wrapper .swiper-slide .wrap{
	margin-top: 20px;
}
.TOPAboutNipponsteel .swiper-wrapper .swiper-slide .wrap .caption{
	font-size: 18px;
	line-height: 1.36;
	padding-left: 1em;
	margin: 0 0 10px;
	position: relative;
}
.TOPAboutNipponsteel .swiper-wrapper .swiper-slide .wrap .caption: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;
	left: 0;
}
.TOPAboutNipponsteel .swiper-wrapper .swiper-slide .wrap .text{
	font-size: 14px;
	line-height: 1.625;
}

.TOPAboutMore{
	background: #E4EDF6;
	padding: 5em 40px;
}
.TOPAboutMore > div.MW1500{
	background: #fff;
	padding: 3em 3em 4em;
}

.TOPAboutMore > div.MW1500 .MW1080{
	padding: 0;
	position: relative;
}

.TOPAboutMore .MW1080.Document .toList{
	right: 20px;
}

.TOPAboutMore .head_info .slick-slide > div{
	background: none;
	border-radius: 0;
}
.TOPAboutMore .head_info .swiper-container .swiper-slide .wrap{
	padding-left: 0;
	padding-right: 0;
}
.TOPAboutMore .head_info .swiper-container .swiper-slide a .img{
	border-radius: 10px;
	overflow: hidden;
}
.TOPAboutMore .head_info .swiper-container .swiper-slide .wrap .caption{
	min-height: auto;
}
.TOPAboutMore .slick-dots {
	bottom: -15px;
}


.TOPAboutMore .Document {
	margin: 4em auto 0;
	max-width: 1000px;
	position: relative;
}
.TOPAboutMore .Document .horizontalLineTitle span{
	background: #E4EDF6;
}
.TOPAboutMore .Document ul{
	display: flex;
	flex-wrap: wrap;
}
.TOPAboutMore .Document ul li{
	width: 32%;
	margin-right: 2%;
}
@media ( min-width: 960px ) {
	.TOPAboutMore .Document ul li:nth-of-type(3n){
		margin-right: 0;
	}
	.TOPAboutMore .Document ul li:nth-of-type(n+4){
		margin-top: 2%;
	}
}



.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: 1em;
	height: 1em;
	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;
}



.head_info .swiper-container .swiper-slide > div{
	transition: opacity .3s;
	cursor: pointer;
	position: relative;
}
.head_info .swiper-container .swiper-slide > div,
.head_info .swiper-container .swiper-slide > a{
	position: relative;
}
.TOPPickUP .head_info .swiper-container .swiper-slide > div:before,
.TOPPickUP .head_info .swiper-container .swiper-slide > a:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	display: block;
	border: #096EAA solid 2px;
	z-index: 100;
	border-radius: 10px;
	transition: 0.2s;
	opacity: 0;
}
.TOPPickUP .head_info .swiper-container .swiper-slide:hover > div:before,
.TOPPickUP .head_info .swiper-container .swiper-slide:hover > a:before,
.TOPPickUP .head_info .swiper-container .swiper-slide a:hover {
	opacity: 1;
}


.modal_contents .movie_wrapOuter{
	border-color: #096EAA;
	padding: 40px 50px 30px;
}
.modal_contents .movie_wrap .modal_close{
	background: #096EAA;
}
.modal_contents .movie_wrap .movie{
	margin: 0 0 20px;
}



.TOPSocialSNS{
	padding: 5em 0;
}
.TOPSocialSNS ul{
	display: flex;
	justify-content: center;
	margin-top: 2em;
}
.TOPSocialSNS ul li{
	width: 32%;
}
.TOPSocialSNS ul li:nth-of-type(n+2){
	margin-left: 2%;
}


.TOPSocialSNS ul li .icon{
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 160%;
	margin-right: 0.5em;
}
.TOPSocialSNS ul li .icon.tw{
	background: #1e9bf0;
}
.TOPSocialSNS ul li .icon.youtube{
	background: #f00;
}
.TOPSocialSNS ul li .btnMainStyle{
	padding: 0.5em 1em;
}
.TOPSocialSNS ul li .btnMainStyle:before{
	left: auto;
	right: 1em;
}



@media ( max-width: 1199px ) {
	.head_info .slick-prev {
  		left: 0;
	}
	.head_info .slick-next {
		right: 0;
	}
	
}

@media ( max-width: 1159px ){

}
@media ( min-width: 1100px ) {
	.TOPkv .TOPkvImage img.mainImage{
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: auto;
		height: 100%;
		transition: 0.3s;
	}
}
@media ( max-width: 1099px ) {
	.TOPkv{
		min-height: auto;
	}
	.TOPkv .TOPkvImage{
		height: auto;
	}

}

@media ( max-width: 959px ) {
	.TOPAboutNipponsteel > div{
		padding: 3em 2em;
	}
	.TOPAboutNipponsteel .swiper-wrapper .swiper-slide{
		width: 49%;
	}
	.TOPAboutNipponsteel .swiper-wrapper .swiper-slide:nth-of-type(2n){
		margin-right: 0;
	}
	.TOPAboutNipponsteel .swiper-wrapper .swiper-slide:nth-of-type(n+3){
		margin-top: 2em;
	}
	
	
	.TOPAboutMore > div.MW1500{
		padding: 3em 2em 4em;
	}
	.TOPAboutMore .Document ul li{
		width: 49%;
	}
	.TOPAboutMore .Document ul li:nth-of-type(2n){
		margin-right: 0;
	}
	.TOPAboutMore .Document ul li:nth-of-type(n+3){
		margin-top: 2%;
	}
	
	
	.TOPSocialSNS ul li {
		width: 250px;
	}
}

@media ( max-width: 849px ) {
	.TOPkv .TOPkvImage.kv01 .title{
		font-size: 5.88vw;
	}
	.TOPkv .TOPkvImage.kv01 .txt{
		font-size: 1.88vw;
	}
	
	.AnchorLinkContent ul li .icon{
		width: 10.58vw;
	}
	.AnchorLinkContent ul li .txt {
		font-size: 18px;
	}
}




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

@media ( min-width: 601px ){
}
@media ( max-width: 600px ){
	.horizontalLineTitle{
		margin-bottom: 0.8em;
	}
	.horizontalLineTitle span{
		font-size: 20px;
	}
	.slick-dots li button{
		padding: 4px;
	}
	.toList{
		position: relative;
		top: 0;
		display: flex;
		justify-content: flex-end;
		margin-top: 5%;
	}
	.MW1080{
		padding: 0 20px;
	}
	
	.modal_contents .movie_wrapOuter{
		padding: 60px 15px 30px;
	}
	.head_info .swiper-container .swiper-slide .wrap .caption:before{
		top: 0;
	}
	.AnchorLink {
		margin-top: -60px !important;
		padding-top: 60px !important;
	}	
	
	
	
	.TOPkv .slick-prev,
	.TOPkv .slick-next{
		width: 20px;
		height: 80px;
	}
	.TOPkv .slick-prev:before,
	.TOPkv .slick-next:before{
		font-size: 14px;
	}
	.TOPkv .slick-dots {
		bottom: 10px;
	}
	.slick-dots li button{
		width: 10px;
		height: 10px;
	}
	
	.TOPkv .TOPkvImage .TOPkvImageIn{
		padding: 0 30px;
	}
	.TOPkv .TOPkvImage.kv01 .title {
		font-size: 20px;
	}
	.TOPkv .TOPkvImage.kv01 .txt {
		font-size: 12px;
		margin-top: 1em;
		}
	.TOPPickUP .slick-dots {
		bottom: -30px !important;
	}
	
	
	
	.TOPkv .TOPkvImage img.mainImage{
		display: none;
	}
	
	
	
	.TOPPickUP{
		padding: 1.5em 0 4em;
	}
	.TOPPickUP .MW1080{
		padding: 0;
	}
	.TOPPickUP .horizontalLineTitle{
		width: calc(100% - 40px);
		margin-left: auto;
		margin-right: auto;
	}
	
	
	.TOPSearchAreaIn .title{
		display: none;
	}
	.TOPSearchAreaIn .mf_finder_searchBox{
		margin-left: 0;
	}
	
	
	.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 {
		width: 50px;
	}
	.AnchorLinkContent ul li .txt {
		font-size: 16px;
	}
	
	
	.TOPNewsArea {
		padding: 2em 0;
	}
	.TOPNewsArea .NewsAreaTable .list-cmn-news-01 li{
		display: block;
	}
	.list-cmn-news-01 li .box-text{
		width: auto;
		min-width: none;
	}
	.TOPNewsArea .NewsAreaTable .list-cmn-news-01.type-01 li{
		padding: 0.7em 0;
	}
	.list-cmn-news-01 > li .text-02,
	.list-cmn-news-01 > li .text-01{
		margin-top: 0.5em;
		text-align: left;
		line-height: 1.3em;
	}
	.list-cmn-news-01 > li .text-01{
		margin-top: 0.8em;

	}
	.TOPNewsArea .NewsAreaTable tr th,
	.TOPNewsArea .NewsAreaTable tr td{
		display: block;
		width: auto;
	}
	.TOPNewsArea .NewsAreaTable tr th{
		border: none;
		padding-bottom: 0;
		padding-top: 1em;
	}
	.TOPNewsArea .NewsAreaTable tr td{
		padding-top: 0.5em;
		font-size: 14px;
	}
	.TOPNewsArea .NewsAreaTable tr:first-child th{
		padding-top: 0;
	}
	.TOPNewsAreaIn:nth-of-type(n+2) {
		margin-top: 2em;
	}
	
	.TOPNewsAreaIn.important {
		padding: 1em;
	}
	.TOPNewsAreaIn.important ul{
		width: auto;
	}
	.TOPNewsAreaIn.important ul li{
		font-size: 14px;
	}
	.TOPNewsAreaIn.important ul li:nth-of-type(n+2) {
		margin-top: 0.8em;
	}
	
	
	
	.TOPAboutNipponsteel{
		background: url("jpg/about_bg_sp.jpg") center bottom no-repeat;
		background-size: cover;
		padding: 2em 20px 10em;
	}
	.TOPAboutNipponsteel > div {
		padding: 1em 1em 2em;
	}
	.TOPAboutNipponsteel .swiper-wrapper .swiper-slide{
		width: 100%;
		margin-right: 0;
	}
	.TOPAboutNipponsteel .swiper-wrapper .swiper-slide:nth-of-type(n+2) {
		margin-top: 10%;
	}
	.TOPAboutNipponsteel .swiper-wrapper .swiper-slide .wrap .caption {
		font-size: 16px;
	}
	.TOPAboutNipponsteel .swiper-wrapper .swiper-slide .wrap {
		margin-top: 15px;
	}
	
	
	
	.TOPAboutMore {
		padding: 2em 20px;
	}
	.TOPAboutMore > div.MW1500 {
		padding: 1em 1em 1.5em;
	}
	
	.TOPAboutMore .head_info{
		width: 90%;
		margin: 0 auto;
	}

	.TOPAboutMore .slick-prev,
	.TOPAboutMore .slick-next {
		width: 20px;
		height: 20px;
	}
	
	.TOPAboutMore .head_info .slick-prev {
		left: -16px;
	}
	.TOPAboutMore .head_info .slick-next {
		right: -16px;
	}
	
	.TOPAboutMore > div.MW1500 .toList{
		margin-top: 8%;
	}
	
	.TOPAboutMore .Document {
		margin: 2em auto 0;
	}
	.TOPAboutMore .Document ul{
		display: block;
	}
	.TOPAboutMore .Document ul li{
		width: auto;
		margin-right: 0;
	}
	.TOPAboutMore .Document ul li:nth-of-type(n+2){
		margin-top: 3%;
	}
	.TOPAboutMore .slick-dots {
		bottom: -10px;
	}
	
	.TOPSocialSNS {
		padding: 2em 0;
	}
	.TOPSocialSNS .lead{
		text-align: left;
		line-height: 1.5em;
	}
	.TOPSocialSNS ul{
		display: block;
		margin-top: 1em;
	}
	.TOPSocialSNS ul li{
		width: auto;
	}
	.TOPSocialSNS ul li:nth-of-type(n+2) {
		margin-left: 0;
		margin-top: 3%;
	}
	.TOPSocialSNS ul li .icon{
		width: 42px;
		height: 42px;
	}
	
	
	
}