/* CSS Document */
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;outline:0;border:0;vertical-align:baseline;font-style:normal;}
img{max-width: 100%;margin:0;padding:0;border:0;vertical-align:top;}
h1,h2,h3,h4,h5,h6{font-size:13px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none;}
a{margin:0;padding:0;background:0 0;vertical-align:baseline;text-decoration:none;cursor:pointer;}
a:focus, a:hover {text-decoration: none;}
table{border-collapse:collapse;border-spacing:0;}
.layer{padding-top:4em;padding-bottom:4em;}
@media (max-width: 767px){
	.layer{padding-top:3em;padding-bottom:2em;}
}
.link:hover{opacity: 0.5; filter: alpha(opacity=50);/* Ie用 */}
.link{transition: opacity 0.3s ease-out;}
.auto{margin-right: auto; margin-left: auto; position: relative; line-height:1; text-align: left;}
.pcnone, #header_sp, #right-sidr{display: none;}
.block{display: block;}
.both{clear: both;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
hr{height: 16px; width: 100%; border: none; background-image: url(../images/F.png); background-repeat: repeat-x; margin: 0px 0px 16px;}
.inline-block{display: inline-block;}
.blue{color: #3a8ec8;}

/*top*/
 #bg-video {margin: 0 auto;position: absolute;top: 0px;left: 0px;min-height: 100%;min-width: 100%;}
 #header a{color: #fff;}
 #header a:hover{color: #D6DC00;}
 #header h1{font-size:1.1em;color: #fff;font-weight: bold;display: flex;align-items: center;line-height: 6em;height: 6em;}
 #header h1 img{display: block;width: 3.5em;}
 #header h1 span.com_name{margin-left: 2em;}
 #header nav ul li{text-align: center;margin-top: 2.5em;}
 #header nav ul li:after{width: 1px; height: 20px; background-color: #FFFFFF; display: block; content: ""; position: absolute; top: 0px; right: 0px;}
 #header nav ul li:first-child:before{width: 1px; height: 20px; background-color: #FFFFFF; display: block; content: ""; position: absolute; top: 0px; left: 0px;}
#lead{position: absolute; top: 32vh; left: 0px; text-align: right;padding: 0;margin: 0; line-height: 15em;}
#lead .main-copy{width: 90%;min-width:350px; padding-right: 7em;background-color: rgba(6,96,159,0.80);}
#lead img{vertical-align: middle; width: 684px;height: auto;}
 nav.navbar{padding:0;width: 100%;background-color:#008cd7;margin: 0;}
 nav.navbar ul{width: 100%;align-items: center;-webkit-box-pack: Justify;display: flex;justify-content: space-between;}
 nav.navbar ul.dropdown-menu{display:none;border:none;}
 nav.navbar ul.dropdown-menu.show{display:block}
 .navbar-nav>li{width: 14%;text-align: center;background-color: #005bac;}
 .navbar-nav>li.active{background-color: #004999;}
 .navbar-nav>li.active>a{color: #333 !important;}
 .navbar-dark .navbar-nav .nav-link {color: #fff !important;}
 .navbar-dark .navbar-nav .active .nav-link {color: #f8f8f8 !important;}
 .navbar-default .navbar-nav>li:hover {background-color: #005bac;color: #333 !important;}
 .navbar-default .navbar-nav>li:hover span{padding: .21em 0;color: #000f1c;}

 nav.fixed{position: fixed;top: 0;bottom: inherit; z-index: 999;}
/*top mobile*/
 nav a.navbar-brand {height: auto;padding: 8px 15px;}
 nav a.navbar-brand img{width: 4.5em;}
 .navbar-dark .navbar-brand{padding: 0;line-height: 1;}
 .navbar-default {border-color:inherit;}
 .navbar-default .navbar-nav>li>a{color: #fff;padding:17px 0;font-size: 15px;}
@media (max-width: 767px){
	 /* nav.navbar{position: fixed;top: 0;bottom: inherit; z-index: 999;} */
   nav.navbar{padding:0 1rem;}
   .nav.navbar{background-color: #fff;}
   .nav a.navbar-brand img{min-width: 9rem;}
	 nav.navbar ul {width: 100%;display: block;margin: 0;}
	 .navbar-nav>li{width: 100%;margin: 0 auto;text-align: center;border-bottom: 1px solid #0065bf;}
	 .navbar-default .navbar-nav>li>a{padding: 15px 0;}
	 .navbar-nav>li a{color: #fff;}
	 #lead{top:13vh;line-height:7em;}
	 #lead .main-copy{padding-right:.55em;}
	 .navbar-brand{display: flex;align-items: center;justify-content: center;text-align: justify;}
	 .navbar-brand>img{display: inline-block;}
	 .navbar-brand .com_name{margin-left: 1em;font-size: 12.5px;color: #fff;}
}
/*top*/

/*about_us*/
#about_us h1{font-size:2em;margin-bottom: 16px;word-break: break-all;}
#about_us p{font-size: 1.1em;line-height: 2em;margin-bottom: .5em;}
#about_us video{width: 100%;background-color: #000; }
@media (min-width: 992px){
	    #about_us video{height: 35vh;}
}
/*about_us*/

/*services*/
#services{padding-bottom:4em;}
#services .services_con{background: url("../images/y_bg.png") no-repeat top center;overflow: hidden;}
#services .services_con .pic{padding-left: 2.25em;}
#services .services_con .pic img{width: auto;margin: 0 0 1em 0;}
#services .title {margin:4em 0 3em}
#services ul h4 {font-size: 1.21em;font-weight: 600;line-height: 1.3;margin-bottom: .6em;}
#services ul p {line-height: 1.7;font-size: 1.14em;}
#services ul li img {margin: 15px auto 37px;width: 100%;max-width: 100%;}
#services ul li.left{padding-right: 4em;}
#services ul li.right{margin-top: 4.7em;padding-left: 4em;}
#services ul li.right img {box-shadow: 0px 3px 10px #b1b1b1;}
@media (max-width: 991px){
	#services .title{padding-right: 0;padding-left: 3em;}
	#services ul li.left{padding-right: 0;padding-left: 4em;}
	#services .services_con{background: url("../images/y_bg2.png") no-repeat top left;overflow: hidden;}
	#services ul li.right{margin-top:0;}
}

/*works*/
#works .title h1 {margin-bottom: 2vh;font-size: 2.7em;color: #fff;}
#works .title p {font: 1.4em Ryumin Medium KL;position: relative;color: #fff;}
#works .title p a {background-image: url(../images/btn-green.png);background-repeat: no-repeat;display: block;width: 100px;height: 35px;color: #FFFFFF;text-align: center;font: 12px/28px "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;float: right;position: relative;background-size: 100px auto;margin-top: -35px;}
@media (max-width: 767px){
	#works .title h1 {margin-bottom: 0;padding-left:.35em;font-size:1.75em;color: #fff;}
	#works .title p a {display: block;width: 6.5em;height: 20px;color: #FFFFFF;text-align: center;font: 10px/20px "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;float: right;background-color: #6DAB31;position: absolute;right: 0px;top: 5px;}
}

#works .layer header{margin-bottom: 0;}
#works .layer:nth-child(odd){background-color: #02479b;}
#works .layer:nth-child(even){background-color: #0081cd;}
#works ul li {padding: 1.5em;}
#works ul li a{height: 19em;border: .5em solid #fff;box-shadow: 0 1em 2em -0.3em #333;display: flex;  /*主轴居中对齐*/justify-content: center;  /*侧轴居中对齐*/align-items: center;overflow: hidden;background: #f9f9f9;}
@media (max-width: 991px){
	#works ul li:nth-child(3){display: none;}
}
@media (max-width: 600px){
	#works ul li a{height: 14em;border: .3em solid #fff;}
	#works ul li {padding: 1em .5em;}

}
@media (max-width: 500px){
	#works ul li a{height: 12em;}
	#works .layer header{margin-bottom: 0;}
}
@media (max-width: 400px){
	#works ul li a{height: 10em;}
}
#works ul li img {display: block;width: auto;max-width: inherit;height: 100%;transition: 0.5s;}
#works ul li img:hover {transform: scale(1.4);}
#works .product_two{flex-wrap: wrap;flex-direction: row;display: -webkit-flex;display: flex;justify-content: left;align-content: center;}
#works .product_two .typesquare_tags {padding:.7em 1em;margin:0 .75em 1em;background: #8bbf1f;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
#works .product_two .typesquare_tags a{color: #fff;}
@media (max-width: 640px){
	#works .product_two .typesquare_tags {padding:0.35em 0.5em;margin:0 0.38em 0.5em;}
	#works .product_two{margin-top: 1em;padding-left: 0;}
}
/*works*/

/*news*/
#news .title h1 {margin-bottom: 2vh;font-size: 2.7em;color: #333;}
#news .title p {font: 1.4em Ryumin Medium KL;position: relative;color: #333;}
#news .title p a {background-image: url(../images/btn-green.png);background-repeat: no-repeat;display: block;width: 100px;height: 35px;color: #FFFFFF;text-align: center;font: 12px/28px "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;float: right;position: relative;background-size: 100px auto;margin-top: -35px;}
@media (max-width: 767px){
#news .title p a {display: block;width: 8em;height: 20px;color: #FFFFFF;text-align: center;font: 10px/20px "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;float: right;background-color: #6DAB31;position: absolute;right: 0px;top: -35px;}
}

#news{padding: 80px 0;background: url(https://www.narishige.co.jp/japanese/common/images/bg_line.png) repeat;overflow: hidden;}
#news .title{margin-bottom: 30px;padding-bottom: 30px;border-bottom: 2px solid #c6c6c6;}
#news .news_con{overflow: hidden;}
#news ul{width: 100%; overflow-y:scroll; height:350px;}
#news ul li{line-height:1.5em;padding: .5em 0;font-size: 14px;color: #9fa0a0;}
#news ul li a{font-size: 15.5px;color: #333;}
#news h3{font-size:27px;line-height:2;}

@media (max-width: 600px){
	#news{padding: 40px 0;}
	#news .title{margin-bottom: 15px;padding-bottom: 15px;}
	#news .title h1 {margin-bottom: .21em;font-size:1.75em;font-weight: bold;}
	#news .title p{font-size: 1.11em;}
	#news .title p a {display: block;width: 6.5em;height: 20px;top: 3px;}
	#news h3 {margin-bottom: .21em;font-size: 1.52em;color: #003b80;}
	#news ul {width: 100%;overflow-y: scroll;height: 350px;padding: 1em;box-shadow: 0px 0px 8px #f1f1f1;list-style-type: circle;padding-left: 2em;}
	#news .news_con {padding-bottom: 1em;}
	#news .industry_news {margin-top: 1.4em;}
}
/*news*/

/*company*/
#company{padding-bottom: 2em;background:fixed url(../images/bg-02.png) no-repeat center top; overflow: hidden;clear: both;}
#company header {margin: 5em 0 3em;text-align: center;color: #fff;}
#company header h1{margin-bottom: 27px;font-size:37px;font-weight: bold;}
#company header p.typesquare_tags{font-size: 19px;}
#company .title p{font: 22px Ryumin Medium KL;}
#company .title p a{margin-top: 0px;}
#company .contactus{display: inline-block;padding: .2em 2em;line-height: 75px;tion: relative;color: #006FBB;text-align: center;font-size: 24px;font-weight: 600;}
#company .contactus .con {display: block; border-radius: 2px;border: 1px dotted #C7C8C8;background-color: #fff;posi}
#company .contactus:after{content: url(../images/shadow.png); position: absolute; width: 465px; height: 18px; top: 94px; left: 0px; overflow: hidden;}
#company .contactus img{margin-top: 15px;height: 42px;width: auto;}
#company .contactus.c2 a{color: #006fbb;}
@media (max-width: 767px){
	#company header{margin:3em 0 .75em;}
	#company header h1{margin-bottom: 17px;font-size:27px;}
	#company header p.typesquare_tags{font-size: 16px;}
	#company .contactus{padding: .4em 2em;line-height: 50px;font-size: 20px;}
	#company .contactus img {margin-top: 8px;height: 33px;width: auto;}
}
/*company*/

/*footer*/
#footer{width: 100%; height: auto; background-color: #000; color: #fff; clear: both; overflow: hidden;}
#footer ul{margin-top: 32px; overflow: hidden; height: 21px;}
#footer ul li{float: left; width: 125px; font: 11px/20px Shin Go Light; text-align: center; position: relative;}
#footer ul li:after{width: 1px; height: 20px; background-color: #fff; display: block; content: ""; position: absolute; top: 0px; right: 0px;}
#footer ul li:first-child:before{width: 1px; height: 20px; background-color: #fff; display: block; content: ""; position: absolute; top: 0px; left: 0px;}
#footer ul li a{color: #fff; display: block;}
#footer ul li a:hover{background-color: rgba(214,220,0,0.15); color: #D8DE00;}
#footer ul li a:hover span{border-bottom: 1px solid #D8DE00;}
#footer #copy{display: block; height: 40px; font: 10px Shin Go Light; margin-top: 30px; letter-spacing: 1px; clear: both;text-align: center;}
@media (max-width: 767px){
	#footer ul{display: none;}
	#footer #copy{font-size: 12px;width: 90%;margin: 15px auto 10px;text-align: left;}
}
/*footer*/

/*PAGE UP
-----------------------------------------------*/
#page-up{position: fixed; right: 50px; bottom: 40px; cursor: pointer; clear: both;}
#page-up img{width: 53px; height: auto;display: block;}
@media (max-width: 767px){
	#page-up{right: 17px; bottom: 27px;}
	#page-up img{width: 33px;display: block;margin-top: 3px;}
}

/*page*/
#crumbs{margin: 25px 0;font-size: 15px;}
#crumbs span{margin-right: 5px;}
#crumbs span.s2{margin-left: 5px;}

#trans-tooltip,#tip-arrow-bottom,#tip-arrow-top{display: none;}
/*en mobile*/
@media (max-width: 992px){
	.en #about_us h1{font-size: 1.45em;margin-bottom: 8px;}
	.en #about_us p{font-size: 1.05em;line-height: 1.5em;margin-bottom: .55em;}
	.en #services .title {margin:1.5em 0 1em;}
	.en #services .title img{width: 90%;}
	.en #services ul h4{font-size: 1.11em;}
	.en #services ul p{font-size: 1.01em;}
	.en #services .services_con{background: url("../images/y_bg2_en.png") no-repeat top left;overflow: hidden;}
}