@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);


body {
	color:#000;
	font-family: 'Noto Sans', Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 1.3em;
	-webkit-text-size-adjust : none;
	overflow-y:scroll;
	
}

.displayn {
	display:none;
}

a {
	color:rgba(0,114,187,1);
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:link { 
    color:rgba(0,114,187,1);
	text-decoration:none;
}
a:visited {
	color:rgba(0,114,187,1);
}
a:hover {
	color:rgba(0,114,187,1);
	text-decoration:underline;
}
a:active {
	color:rgba(0,114,187,1);
}

.all {
	overflow:hidden;
	height:auto;
}
.all .left {
	float:left;
}
.all .right {
	float:right;
}
.header h1 {
	font-family: 'Noto Sans', sans-serif;
	font-weight:700;
	text-align:center;
	line-height:1.3em;
}
.header .row1 {
	display:block;
	padding-bottom:10px;
	background-repeat:no-repeat;
	background-position:center bottom;
	font-size:30px;
	letter-spacing:0.11em;
}
.header .row2 {
	display:none;
	padding-top:8px;
	font-size:15px;
	font-weight:bold;
	
}
@media screen and (max-width:550px) {
	.header .row1 {
		padding-bottom:8px;
		font-size:18px;
	}
	.header .row2 {
		padding-top:4px;
		font-size:9px;		
	}
}

header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	text-align:center;
	z-index:50;
	background:#fff;

}
header .width {
	padding-top:18px;
	padding-bottom:1px;
	margin:0 auto;
	max-width:1164px;
	width:100%;
	
}

header h1 {
	padding-top:4px;
	padding-left:13px;
	
}
@media screen and (max-width:1140px) {
	header .width {
		width:99%;		
	}
	header h1 {
		padding-left:1px;
	}
	
}
header nav {
	padding-right:30px;
}
header nav ul {
	overflow:hidden;
}
header nav ul li {
	float:left;
	height:75px;
}
header nav ul li a {
	display:block;
	padding-top:39px;
	padding-left:16px;
	padding-right:16px;
	width:65px;
	text-align:center;
}
header nav ul li a:link { 
    color:rgba(0,0,0,1);
	text-decoration:none;
}
header nav ul li a:visited {
	color:rgba(0,0,0,1);
}
header nav ul li a:hover {
	color:rgba(0,0,0,1);
}
header nav ul li a:active {
	color:rgba(0,0,0,1);
}
header nav ul li:hover {
	background:url(/images/bg_nav_bar_pc.gif) center bottom no-repeat;
}
header .lang {
	overflow:hidden;
	width:100px;
	height:auto;
	height:74px;
}
header .lang a {
	float:right;
	display:block;
	padding-top:20px;
	padding-left:16px;
	width:60px;
	text-align:left;
	background:url(/images/icon_arrow_left_pc.png) left 23px no-repeat;
	line-height:1.3em;
	background-size:6px 10px;
}
header .lang a:link { 
    color:rgba(0,0,0,1);
	text-decoration:none;
}
header .lang a:visited {
	color:rgba(0,0,0,1);
}
header .lang a:hover {
	color:rgba(0,0,0,1);
}
header .lang a:active {
	color:rgba(0,0,0,1);
}
header nav a {
	background-size:29px;
	background-position:center top;
	background-repeat:no-repeat;
	font-family: 'Noto Sans', sans-serif;
	font-size:13px;
}
header nav .home a {
	background-image:url(/images/icon_home_red.png);
	
}
header nav .corp a {
	background-image:url(/images/icon_company_red.png);
}
header nav .about a {
	background-image:url(/images/icon_earth_red.png);
}
header nav .dpoint a {
	background-image:url(/images/icon_dpoint_red.png);
}
@media screen and (max-width:680px) {
	header .width {
		width:100%;
		padding-top:8px;
		padding-bottom:11px;
	}
	header h1 img {
		padding-left:10px;
		width:88px;
		height:24px;
	}	
}


.positioning {
	padding-top:98px;
	
}
@media screen and (max-width:680px) {
	.positioning {
		padding-top:49px;
		
	}
}


.links {
	min-height:258px;
	background:#f5f5f5;
}
.links .width {
	padding-top:45px;
	padding-bottom:52px;
	margin:0 auto;
	max-width:1144px;
	width:100%;
}
@media screen and (max-width:1144px) {
	.links .width {
		width:94%;
	}


}
.links h2 {
	font-family:'Noto Sans', sans-serif;
	color:#cc0033;
	font-weight:bold;
	font-size:15px;
}
.links .row {
	overflow:hidden;
	width:100%;
	height:auto;
}
.links .col1 {
	float:left;
	max-width:188px;
	width:16.43%;
}
.links .col2 {
	float:left;
	max-width:500px;
	width:52.34%;
}
.links .col3 {
	float:left;
	padding-top:2px;
	max-width:586px;
	width:51.23%;
}

.links .duw a {
	display:block;
	background:url(/images/links_duw2.jpg) right top no-repeat;
	width:472px;
	height:159px;
}
.links .col1 h1 {
	padding-top:2px;
	padding-left:2px;
}
.links .left {
	max-width:167px;
	width:40.5%;
	
}
.links .right {
	max-width:317px;
	width:55%;
	
}
.links .col2 ul {
	padding-top:27px;
}
.links .col2 li {
	line-height:22px;
	padding-bottom: 10px;
}
.links .col2 a {
	color:#000;
}
.links .col2 a:link { 
    color:#000;
}
.links .col2 a:visited {
	color:#000;
}
.links .col2 a:hover {
	color:#000;
	text-decoration:underline;
}
.links .col2 a:active {
	color:#000;
}
.links .duw {
	overflow:hidden;
}
.links .duw p {
	float:right;
}
.links .duw a {
	color:#cc0033;
}
.links .duw a:hover {
	text-decoration:none;
}
.links .duw a span {
	display:block;
	padding-top:77px;
	padding-left:205px;
	font-size:12px;
	line-height:21px;
	width:235px;
	letter-spacing:-0.01em;
}
.links .outer_link {
	background:url(/images/icon_outer_link.png) 135px center no-repeat;
	background-size:13px 11px;
}
.links .outer_link li {
	padding-bottom: 50px;
	border:solid 1px red;
}
@media screen and (max-width:1000px) {
	
	.links .left {
		max-width:200px;
	}
	.links .col1 {
		max-width:inherit;
		max-width:200px;
		width:33%;
		
		
	
	}
	.links .col2 {
		max-width:inherit;
		max-width:400px;
		width:66%;
		
		
	}
	.links .col3 {
		display:none;
	}
	
}
@media screen and (max-width:680px) {
	.links .col1 {
		display:none;
	}
	.links .col2 {
		max-width:inherit;
		max-width:400px;
		width:100%;
		
		
	}
	
}
@media screen and (max-width:480px) {
	.links .width {
		padding-top:22px;
		padding-bottom:3px;
	}
	.links .left {
		float:none;
		max-width:inherit;
		width:100%;
	}
	.links .right {
		float:none;
		max-width:inherit;
		width:100%;
	}
	.links .col2 ul {
		padding-top:7px;
		padding-bottom:18px;
	}
}


footer {
	min-height:57px;
}
footer .width {
	margin:0 auto;
	max-width:1140px;
	width:100%;

}
@media screen and (max-width:1140px) {
	footer .width {
		width:94%;
	
	}	
}
footer .width p {
	padding-top:22px;
	font-family:'Noto Sans', sans-serif;
	font-size:12px;
	line-height:1.3em;
	letter-spacing:0.01em;
}
footer .copy span {
	display:inline;		
}
@media screen and (max-width:480px) {
	footer .copy span {
		display:none;
	}	
}


.arrow_top {
	position:fixed;
	bottom:0;
	right:0;
}
.arrow_top img {
	vertical-align:middle;
}


.nav_tap {
	display:none;
	position:absolute;
	top:0;
	right:0;
	width:100%;
	z-index:70;
}
.tap_head {
	position:fixed;
	top:0;
	right:0;
	overflow:hidden;
	width:100%;
	height:50px;
	background:#fff;
	z-index:72;
}
.tap_head .tap_logo {
	float:left;
	width:50%;
	padding-top:12px;
}
.tap_head .tap_logo img {
	padding-left:11px;
	width:88px;
	height:24px;
}
.tap_head .tap_btn {
	float:right;
	width:50%;
}
.nav_tap .open {
	width:100%;
	height:50px;
}
.nav_tap .open a {
	display:block;
	text-align:right;
	padding:16px 11px;
}
.nav_tap .close {
	display:none;
	width:100%;
	height:50px;	

}
.nav_tap .close a {
	display:block;
	text-align:right;
	padding:16px 14px 14px 14px;
	
}
.nav_tap .nav {
	display:none;
	position:relative;
	top:50px;
	left:0;
	width:100%;
	background-color:rgba(204,0,51,0.8);
	z-index:71;
}
.nav_tap nav {
	padding-top:50px;	
} 
.nav_tap nav a {
	display:block;
	width:100%;
	line-height:1.3em;
	text-align:center;
	height:45px;
	
}
.nav_tap nav a span {
	display:none;
	display:block;
	padding:14px 0 12px 53px;
	margin:0 auto;
	width:85px;
	text-align:left;
	line-height:1.3em;
}
.nav_tap a:link { 
    color:rgba(255,255,255,1);
	text-decoration:none;
}
.nav_tap a:visited {
	color:rgba(255,255,255,1);
}
.nav_tap a:hover {
	color:rgba(255,255,255,1);
}
.nav_tap a:active {
	color:rgba(255,255,255,1);
}
.nav_tap nav ul {
	padding-bottom:24px;
}
.nav_tap nav li a span {
	background-size:29px;
	background-repeat:no-repeat;
	background-position:11px 5px;
	letter-spacing:0.05em;
}
.nav_tap nav li.home a span {
	background-image:url(/images/icon_home.png);
}
.nav_tap nav li.corp a span {
	background-image:url(/images/icon_company.png);
}
.nav_tap nav li.about a span {
	background-image:url(/images/icon_earth.png);
}
.nav_tap nav li.contact a span {
	background-image:url(/images/icon_plan.png);
}
.nav_tap nav li.dpoint a span {
	background-image:url(/images/icon_dpoint.png);
}
.nav_tap nav li.link_news a span {
	background-image:url(/images/icon_news.png);
}
.nav_tap nav .lang {
	padding-top:19px;
	background-image:url(/images/bg_white.gif);
	background-position:center top;
	background-size:27px 1px;
	background-repeat:no-repeat;
}
.nav_tap nav .lang a {
	display:block;
}
.nav_tap nav .lang a span {
	display:block;	
	background-image:url(/images/icon_arrow_right_s.png);
	background-size:10px;
	background-repeat:no-repeat;
	background-position:31px 17px;
	font-family: 'Noto Sans', sans-serif;
	font-size:13px;
}
@media screen and (max-width:680px) {
	.right .all {
		display:none;
	}
	.nav_tap {
		display:block;
	}
}


.whitespace-nowrap {
	display: inline-block;
}

.displayib {
	display: inline-block;
}