body{
				font-size:16px;
				background-color: #13161e;
				color: #213849;
				margin: 0;
				font-family: 'Noto Sans Japanese', serif;
			}
			.noto100 {font-weight:100;}
			.noto200 {font-weight:200;}
			.noto400 {font-weight:400;}
			.noto700 {font-weight:700;}

			.content-wrapper{
				width: 1410px;
				margin: 0 auto;
			}
			.hidding{
				display: none;
			}
			.abs-pos{
				position: absolute;
				top: 0;
				left: 0;
			}


/*
			header.jumbotron{
				background-image: url(../img/main_visual.png);
				height: 788px;
				background-position: center center;
				padding: 0;
				margin: 0;
			}
			header h1{
				margin: 0px auto;
				padding: 198px 0 0;
				width: 252px;
			}
			.navbar-collapse{
				margin: 67px auto 0;
				width: 513px;
			}
			.navbar-collapse ul li a{
				padding: 10px 23px 10px 24px;
				color: #fff;
				letter-spacing: 0.125em;
			}
			.navbar-collapse ul li a.n01{}
			.navbar-collapse ul li a.n02{ padding-left: 23px; padding-right: 24px; }
			.navbar-collapse ul li a.n03{ padding-left: 25px; padding-right: 24px; }
			.navbar-collapse ul li a.n04{}
			.navbar-collapse ul li a:hover,
			.navbar-collapse ul li a:focus{
				background-color: inherit;
			}
			header .flame{	
				text-align: center;
				margin: 99px auto 0;
			}
			header .scroll-btn{
				text-align: center;
				margin: 97px auto 0;
			}

			#fix-nav {
				position: fixed;
				top: 0;
				width: 100%;
				background-color: #fff;
				margin: 0;
				padding: 0;
				border: 0;
				z-index: 1000;
			}
			#fix-nav .navbar-collapse{
				margin: 0px auto 0;
			}
			#fix-nav .navbar-collapse ul li a{
				color:#000;
			}
*/
			#header-wrapper{
				width: 100%;
			}
			header.jumbotron{
				background-image: url(../img/main_visual.jpg);
				height: 788px;
				position: relative;
				overflow: hidden;
				background-size: cover;
				background-position: center bottom;
				/*background-size: cover;
				background-position: 0px bottom;*/
				padding: 0;
				margin: 0;
			}
			header h1{
				position: absolute;
				margin: 0;
				padding: 0;
				left: 50%;
				bottom: 65.2%;
				width: 232px;
			}
			header h1 img{ position: relative; left: -50%; }

			.navbar-collapse{
				position: absolute;
				margin: 0;
				left: 50%;
				bottom: 51.6%;
				padding: 0 7.5px;
				width: 513px;
			}
			.navbar-collapse ul{ position: relative; left: -50%; }

			.navbar-collapse ul li a{
				padding: 10px 23px 10px 24px;
				color: #fff;
				letter-spacing: 0.125em;
			}
			.navbar-collapse ul li a.n01{}
			.navbar-collapse ul li a.n02{ padding-left: 23px; padding-right: 24px; }
			.navbar-collapse ul li a.n03{ padding-left: 25px; padding-right: 24px; }
			.navbar-collapse ul li a.n04{}
			.navbar-collapse ul li a:focus{
				background-color: inherit;
			}
			.navbar-collapse ul li a:hover{
				background-color: inherit;
				color:#7bc8e9;
			}
			header .flame{
				position: absolute;
				left: 50%;
				margin: 0;
				bottom: 20.812%;
			}
			header .flame img{ position: relative; left: -50%; }
			header .scroll-btn{
				position: absolute;
				left: 50%;
				margin: 0;
				bottom: 5.076%;
			}
			header .scroll-btn div{ position: relative; left: -50%; background:url("../img/scroll_btn.png"); width: 53px;height: 27px; }
			header .scroll-btn:hover div{background-image:urL("../img/scroll_btn_ov.png");}


			#fix-nav {
				position: fixed;
				top: -52px;
				width: 100%;
				height: 52px;
				/*opacity: 0.95;
				background-color: #00487b;*/
				background-color: rgba(0, 72, 123, 0.952941);
				margin: 0;
				padding: 0;
				border: 0;
				z-index: 1000;

    			min-height: inherit;
				border-radius: 0px;
			}
			/*#fix-nav .logo{top:12px;left:20px;}*/
			#fix-nav .logo{top:11px;left:19px;}
			#fix-nav .navbar-collapse {
				margin: 5px auto 7px;

				left: inherit;
				bottom: inherit;
				position: relative;
				padding: 0 15px;
			}
			#fix-nav .navbar-collapse ul { left: inherit;}
			#fix-nav .navbar-collapse ul li a{
				color:#fff;
			}
			#fix-nav .navbar-collapse ul li a:hover{
				color:#7bc8e9;
			}
			#fix-nav .sns { position: absolute; top: 7px; right: 20px; }
			#fix-nav .sns li{ float: left; }
			#fix-nav .sns li a{ padding: 0; /*background-color:#00487b;*/}
			#fix-nav .sns li a.fb{ margin-left: 10px; }
			#fix-nav .sns li a:hover{background-color:#4daed7;}
			#fix-nav .sns li a:focus{ /*background-color:#00487b;*/}

			.content-bg{
				background-color: #fff;
				overflow: hidden;
			}

			.page-header{
				border: none;
				padding: 0;
			}

			.page-header h2{
				margin: 0 auto;
				position: relative;
				/*background-image: url(../img/tit_bg.gif);*/
				background-position: center;
				background-size: cover;
			}
			.page-header h2.visibled{
				/*background-image: url(../img/tit_bg.gif);*/
			}
			.page-header h2 span{
				color:#00487b;
				text-shadow: -1px -1px #fff, 1px -1px #fff, -1px 1px #fff, 1px 1px #fff;
				font-size: 50px;
				line-height: 18px;

				position: relative;
			}

			hr{
				border: none;
				background-image: url(../img/line_dot.png);
				height: 4px;
			}




			#works .page-header{
				margin: 95px 0 45px;
			}

			#works .page-header h2{
				height: 30px;
				width: 200px;
			}
			#works .page-header h2.visibled{ background-image: url(../img/tit_bg_works.gif); }
			#works .page-header h2 span{
				letter-spacing: 0.06em;

				top: 3px;
				left: 8px;
			}

			#works .row .col{
				padding: 30px 0 0;
			}
			#works .row .works-cell{
				position:relative;
				display:block;
				overflow: hidden;
			}
			#works .row .works-image{
				width: 100%;
			}
			#works .row .abs-pos.canvas-wrapper{
				/*top:30px;*/
			}
			#works .row .works-text{
				position: absolute;
				top: 100%;
				width: 100%;
				height: 100%;
				display: table;
				background-color: rgba(23,37,48,0.7);
			}
			#works .row .works-text p{
				text-align: center;
				vertical-align: middle;
				display: table-cell;
				font-size: 16px;
				line-height: 26px;
				color: #fff;
				padding: 0 10%;
				font-weight: 200;
			}
			#works .row.more{
				overflow: hidden;
			}

			#works .end {
				padding-top: 40px;
				margin:0 -15px;

				position: relative;
				background-color: rgba(255,255,255,0.8);
			}
			#works .end .more-btn{
				text-align: center;
			}
			/*#works .end .more-btn a{
				color: #fff;
				background-color: #00487b;
				padding: 11px 83px 12px 87px;
				font-size: 20px;
				line-height: 52px;
				letter-spacing: 0.07em;
			}
			#works .end .more-btn a:hover{
				text-decoration: none;
			}*/
			#works .end .more-btn a{
				color: #fff;
				background-color: #00487b;
				font-size: 20px;
				line-height: 52px;
				letter-spacing: 0.07em;

				position: relative;
				width: 247px;
				height: 52px;
				display: block;
				margin: auto;
				overflow: hidden;
			}
			#works .end .more-btn a:hover{
				text-decoration: none;
			}
			#works .end .more-btn a .mark-wrapper{
				width: 100%;
				top: -52px;
			}
			#works .end .more-btn a .mark-wrapper .on{
				position: relative;
				display: block;
				margin: -3px auto 0;
			}
			#works .end .more-btn a .mark-wrapper .off{
				position: relative;
				display: block;
				margin: 3px auto 0;
				padding-left: 5px;
			}

			#works .end hr{
				margin: 28px 0 0;
			}



			#recruit .page-header{
				margin: 86px 0 76px;
			}

			#recruit .page-header h2{
				height: 32px;
				width: 227px;
			}
			#recruit .page-header h2.visibled{ background-image: url(../img/tit_bg_recruit.gif); }
			#recruit .page-header h2 span{
				letter-spacing: 0.045em;

				top: 4px;
				left: 6px;
			}
			#recruit article{
				text-align: center;
			}
			#recruit article h3{
				margin: 0;
				text-align: center;
				font-size: 16px;
				letter-spacing: 0.05em;
			}
			#recruit article p{
				font-size: 14px;
				margin: 32px auto 0;
				line-height: 25px;
				letter-spacing: 0.05em;
			}
			#recruit article .list-wrapper{
				width: 555px;
				margin: 63px auto 0;
				background-image: url(../img/tit_bg.png);
				padding: 2px;
			}
			#recruit article .list-wrapper ul{
				background-color: #fff;
				padding: 0 50px 40px;
				margin:0;
			}
			#recruit article .list-wrapper li{
				list-style: none;
				margin: 0px auto;
				/*width: 120px;*/
				font-size: 14px;
				line-height: 25px;
				text-align: left;
				padding: 40px 0 0;
				letter-spacing: 0.05em;
			}
			#recruit article .list-wrapper li:first-child{
				padding: 33px 0 4px;
			}
			#recruit article .list-wrapper li .attention{
				background-image:url(../img/attention01.gif);
				width: 15px;
				height: 13px;
				display: inline-block;
				position: relative;
				top: 1px;
				left: -1px;
				margin-right: 2px;
			}
			#recruit article .list-wrapper li .attention.n02{background-image:url(../img/attention02.gif);}
			#recruit article .list-wrapper li .attention.n03{background-image:url(../img/attention03.gif);}


			#recruit article .list-wrapper li a{
				float: right;

				background-color: #00487b;
				color: #fff;
				letter-spacing: 0.05em;
				position: relative;
				width: 132px;
				height: 35px;
				display: block;
				margin: auto;
				overflow: hidden;
				text-align: center;
			}

			#recruit article .list-wrapper li a .mark-wrapper{
				width: 100%;
				top: -35px;
			}
			#recruit article .list-wrapper li a .mark-wrapper span.on{
				display: block;
				position: relative;
				padding: 3px 0 7px;
			}
			#recruit article .list-wrapper li a .mark-wrapper span.on img{ height: 17px;}
			#recruit article .list-wrapper li a .mark-wrapper span.off{
				display: block;
				margin: 0px auto;
				padding: 5px 0 5px;
			}
			/*#recruit article .list-wrapper li a .more{
				background-color: #00487b;
				color: #fff;
				padding: 7px 27px 8px 27px;
				letter-spacing: 0.05em;
			}
			#recruit article .list-wrapper li a:hover{ text-decoration: none; }
			#recruit article .list-wrapper li a:hover .more{  }*/

			#recruit article .list-wrapper li br{ display: none; }

			#recruit hr{
				margin: 120px -15px 0;
			}



			#company .page-header{
				margin: 86px 0 80px;
			}

			#company .page-header h2{
				height: 32px;
				width: 250px;
			}
			#company .page-header h2.visibled{ background-image: url(../img/tit_bg_company.gif); }
			#company .page-header h2 span{
				letter-spacing: 0.02em;

				top: 4px;
				left: 7px;
			}

			#company .col.n01 {

				text-align: right;
				padding-right: 22px;
				padding-left: 80px;

				padding-top: 1px;
			}
			#company .col.n01 img{
				float: right;
				width: 277px;
			}
			#company .col.n01 h3{
				font-size: 18px;
				padding: 19px 0 0px;
				margin:0;
				letter-spacing: 0.05em;
				clear: both;
			}
			#company .col.n01 p{
				margin: 51px -11px 0px 0px;
				font-size: 16px;
				line-height: 28px;
				letter-spacing: 0.05em;
				text-align: left;
			}

			#company .col.n02{
				padding-left: 22px;
				padding-right: 80px;
			}
			
			#company .col.n02 h3{
				font-size: 16px;
				margin: 0px 0 25px;
				letter-spacing: 0.05em;
			}

			#company .col.n02 dl{
				font-size: 14px;
				line-height: 25px;
				letter-spacing: 0.05em;

				margin: 0 0 65px;
			}
			#company .col.n02 dt{
				clear: left;
				float: left;
			}
			#company .col.n02 dt:after{
				content:"：";
			}
			#company .col.n02 dt:first-child:after{
				content:" ";
				margin-left: 4px;
			}
			#company .col.n02 dd{
				margin-bottom: 5px;
			}
			/*#company .col.n02 ul{
				padding:0;
				font-size: 14px;
				letter-spacing: 0.05em;
				margin: -4px 0 0;
				line-height: 25px;
			}
			#company .col.n02 li{
				list-style: none;
			}
			#company .col.n02 li .attention{
				background-image:url(../img/attention.gif);
				width: 15px;
				height: 13px;
				display: inline-block;
				position: relative;
				top: 1px;
				left: -1px;
				margin-right: 5px;
			}*/
			#company .col.n02 ul{
				padding-left: 20px;
				font-size: 14px;
				letter-spacing: 0.05em;
				margin: -4px 0 0;
				line-height: 25px;
			}
			#company .col.n02 li.n01{
				list-style: url(../img/attention01.gif);
			}
			#company .col.n02 li.n02{
				list-style: url(../img/attention02.gif);
			}
			#company .col.n02 li.n03{
				list-style: url(../img/attention03.gif);
			}


			#company .row.photos {
    			margin-top: 64px;
			}
			/*#company .row.photos div{
				padding-left: 0.8%;
				padding-right: 0.8%;
			}*/
			
			#company .row.photos div{
				padding-left: 0.8%;
				padding-right: 0.8%;
			}
			#company .row.photos div.n01{
				padding-left: 1.4%;
				width: 36.4%;
			}
			#company .row.photos div.n02{
				padding-right: 1.4%;
				width: 63.6%;
			}
			#company .row.photos div.n03{
				margin-top: -16.3%;
				padding-left: 1.4%;
				width: 36.4%;
			}
			#company .row.photos div.n04{
				margin-top: 1.55%;
				width: 30.8%;			
			}
			#company .row.photos div.n05{
				margin-top: 1.55%;
				padding-right: 1.4%;
				width: 32.8%;
			}
			/*
			#company .row.photos div.n01,
			#company .row.photos div.n03{
				padding-left: 1.2%;
				padding-right: 0.4%;
			}
			#company .row.photos div.n02,
			#company .row.photos div.n05{
				padding-left: 0.4%;
				padding-right: 1.2%;
			}
			
			#company .row.photos div.n03{
				margin-top: -16.5%;
			}
			#company .row.photos div.n04,
			#company .row.photos div.n05{
				margin-top: 1.55%;
			}*/
			#company .row.photos img{ width: 100%;}

			#company .row.photos.sp { display: none;}

			#company hr{
				margin: 90px -15px 0;
			}



			#access .page-header{
				margin: 86px 0 76px;
			}

			#access .page-header h2{
				height: 32px;
				width: 201px;
			}
			#access .page-header h2.visibled{ background-image: url(../img/tit_bg_access.gif); }
			#access .page-header h2 span{
				letter-spacing: 0.015em;
				top: 4px;
				left: 9px;
			}

			#access p{
				text-align: center;
				font-size: 14px;
				line-height: 25px;
				letter-spacing: 0.05em;
				margin: 0;
			}

			#access ul.btns{
				font-size: 14px;
				letter-spacing: 0.05em;
				line-height: 25px;

				margin: 47px auto 0px;
				width: 1064px;
			}
			#access ul.btns::after{
				content: " ";
				display: block;
				clear: both;
			}
			#access ul.btns li{
				list-style: none;
				margin-left: 40px;
				float: left;
				width: 29%;
			}
			#access ul.btns li:nth-child(3){width: 30.5%;}
			#access ul.btns li::after{
				content: " ";
				display: block;
				clear: both;
			}
			#access ul.btns li:first-child{margin-left: 0px;}
			#access ul.btns li > span{
				float: left;
				padding-top: 5px;
				padding-right: 6px;
			}
			#access ul.btns li > a{
				background-color: #00487b;
				position: relative;
				width: 95px;
				height: 35px;
				display: block;
				/* margin: auto; */
				overflow: hidden;
				float: left;
				color: #fff;
				
				margin-left: 6px;
				text-align: center;
			}
			#access ul.btns li > a.current{
				background-color:#a5e2ee;
			}
			#access ul.btns li > a div.mark-wrapper{
				width: 100%;
				top: -35px;
			}
			#access ul.btns li > a.current div.mark-wrapper{
				top: 0px;	
			}
			#access ul.btns li > a div.mark-wrapper span.on{
				position: relative;
				display: block;
				margin: 0px auto 0;
				padding: 3px 0px 7px;
			}
			#access ul.btns li > a div.mark-wrapper span.off{
				position: relative;
				display: block;
				margin: 0px auto 0;
				padding: 5px 0px;
			}

			#access .map{
				margin:33px 0 0;
			}
			#access .map #map-canvas{
				width:100%;
				height:490px;
			}
			#access .map-link{
				margin: 12px auto 0;
				text-align: center;
			}
			#access .map-link a{
				font-size: 14px;
				letter-spacing: 0.05em;
				color:#213849;
			}
			#access .map-link a:hover{
				color:#7bc8e9;
				text-decoration: none;
			}
			#access ul.detail{
				font-size: 14px;
				letter-spacing: 0.05em;
				line-height: 25px;
				text-align: center;

				margin: 7px 0 84px;	
				padding: 0;
			}
			#access ul.detail li{
				list-style: none;
				padding-top: 25px;
			}
			#access ul.detail li .attention{
				background-image: url(../img/attention01.gif);
				width: 15px;
				height: 13px;
				display: inline-block;
				position: relative;
				top: 1px;
				left: -1px;
				margin-right: 4px;
			}
			#access ul.detail li .attention.n02{background-image: url(../img/attention02.gif);}
			#access ul.detail li .attention.n03{background-image: url(../img/attention03.gif);}

			.footer-sns{display: none;}


			.footer-bg{
				background-color: #00487b;
			}
			footer{
				margin: 0;
				color: #fff;
				line-height: 24px;
				text-align: center;
				letter-spacing: 0.1em;

				font-size: 14px;
				padding: 8px 0px;
			}

			.page-top{
				position: fixed;
				right: 10px;
				bottom: 10px;
			}
			/*.page-top img{
				width: 50%;
				left: 45%;
				position: relative;
			}*/

			/*PC*/
			@media screen and (max-width: 1426px) {
				.content-wrapper{
					width: 100%;
				}
			}

			/*Tablet*/
			/*@media (max-width: 991px) {

				hr{
					background-image: url(../img/line_dot_sp.png);
					height: 8px;
				}

				#company .col.n01{
					text-align: center;
					padding: 0 21% 0;
				}
				#company .col.n02{
					padding: 60px 21% 0;
				}
				#company .col.n02 h3{
					text-align: center;
				}
			}*/

			/*SP*/
			@media (max-width: 768px) {

				hr{
					background-image: url(../img/line_dot_sp.png);
					height: 8px;
				}

				.navbar-collapse{
					display: block;
					border-top: 0px;
					box-shadow: none;
					width: 100%;
					left: 0%;
				}
				.navbar-collapse ul{
					float: left;
					margin: 0;
					left: 0%;
					width: 100%;
				}
				.navbar-collapse ul li{
					float: left;
					width: 25%;
				}

				.navbar-collapse ul li a{
					text-align: center;
					padding: 7px 0 !important;
					font-size: 85%;
				}

				#fix-nav{
					height: 72px;
				}
				#fix-nav .logo{
					position: relative;
					top: auto;
					left: auto;
					text-align: center;
					display: block;
					margin-top: 10px;
				}
				#fix-nav .logo img{
					height: 24px
				}
				#fix-nav .navbar-collapse {
					padding: 0 7.5px;
					margin: 0 auto 2px;
				}
				/*#fix-nav .navbar-collapse ul li a{
					text-align: center;
					padding: 7px 0 !important;
					font-size: 85%;
				}*/
				
				#fix-nav .sns{display: none;}


				#works .page-header{
					margin: 60px 0 17px;
				}
				#works .row .col {
					/*padding: 20px 0 0 2px;*/
					padding: 20px 0 0 0px;
				}
				#works .row .col:nth-child(2n+1) {
					/*padding-left: 0px;
					padding-right: 2px;*/
				}
				#works .row .col .works-text p{
					/*font-size: 10px;
					line-height: 18px;*/
					font-size: 14px;
				}
				#works .end hr{
					margin: 60px 0 0;
				}


				#recruit .page-header{
					margin: 60px 0 40px;
				}
				#recruit article {
					margin: 0 -15px;
					padding: 0 6%;
				}
				#recruit article p{
					margin-top: 16px;
					text-align: left;
				}

				#recruit article .list-wrapper {
					width: 100%;
					margin-top: 22px;
				}
				#recruit article .list-wrapper ul{
					padding: 0px 4% 35px;
				}
				#recruit article .list-wrapper li:first-child{padding: 35px 0 0;}
				#recruit article .list-wrapper li{
					padding: 30px 0 0;
					text-align: center;
				}
				#recruit article .list-wrapper li a{margin-top: 10px; float: none;}
				/*#recruit article .list-wrapper li .job{
					width: 58%;
					display: inline-block;
					vertical-align: middle;
				}
				#recruit article .list-wrapper li a{margin-top: 10px;}
				#recruit article .list-wrapper li a .more{
					padding: 7px 3% 8px;
					font-size: 12px;
				}*/
				#recruit article .list-wrapper li br{display: block;}

				#recruit hr{
					margin: 60px -15px 0;
				}


				#company .page-header{
					margin: 60px 0 40px;
				}
				#company .col.n01{
					text-align: center;
					padding: 0 6% 0;
				}
				#company .col.n01 img{
					width: 55%;
					float: none;
				}
				#company .col.n01 p{
					text-align: left;
					margin-top:25px;
					margin-right: 0px;
				}
				#company .col.n02{
					padding: 40px 6% 0;
				}
				#company .col.n02 h3{
					text-align: center;
					margin-bottom: 12px;
    			}
    			#company .col.n02 dl{
					margin: 0 0 30px;
    			}
    			#company .row.photos{
					/*margin-top: 32px;*/
					display: none;
    			}
    			#company .row.photos.sp { 
    				margin-top: 32px;
    				display: block;
    				padding: 0 6%;
    			}
				#company .row.photos.sp div { 
					padding-left: 0;
					padding-right: 0;
					margin-top: 20px;
					width: auto;
				}
				#company .row.photos.sp div.n01 {
					margin-top: 0px;
				}

				#company hr{
					margin: 60px -15px 0;
				}


				#access {
					padding-right: 6%;
					padding-left: 6%;
				}
				#access .page-header{
					margin: 60px 0 38px;
				}

				#access ul.btns {
					width: 72%;
					padding-left: 0px;
				}
				#access ul.btns li{
					float: none;
					margin: 0 auto !important;
					text-align: center;
					padding-top: 12px;
					width: 100% !important;
				}
				#access ul.btns li > span{float: left;padding-right: 0;}
				#access ul.btns li > a{ float: right; margin: auto;}
				#access ul.btns li > a.printMap{
					display: none;
				}

				#access .map #map-canvas{
					height: 300px;
				}

				#access ul.detail {
					margin: 7px 0 60px;	
				}
				#access ul.detail li{
					padding-top: 12px;
					line-height: 22px;
				}


				.footer-sns{
					display: block;
					list-style: none;
					padding: 0;
					margin: 0 auto 50px;
					width: 86px;
				}
				.footer-sns li{ float: left; }
				.footer-sns li:nth-child(2){ float: right; }
				.footer-sns li a{ background-color: #014577; display: block; width: 100%; height: 100%; }
				.footer-sns li a:hover{background-color:#4daed7;}
			}