@charset "utf-8";

@-ms-viewport {
  width: device-width;
	}

@viewport {
  width: device-width;
	}


* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-overflow-scrolling:touch;	/*sp　for overflow*/
	}

body {
	margin: 0px;padding: 0px;
	color: #666;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;	
	line-height: 2;	
	-webkit-text-size-adjust: none;
	background: #fff;
	}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	}
ul {
	list-style-type: none;
	}
ol {
	padding-left: 30px;
	padding-bottom: 15px;
	}
img {
	border: none;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	}
table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
	}



/*---header
----------------*/

header {
	position:relative;
	width:100%;
	height:63px;
	}
header .inner {
	height: 100px;	/*header height*/
	position: relative;
	}

/*RED LOGO*/
h1{
	float:right;
	width:auto;
	/*padding:17px 40px 10px 10px;*/ /*change 20180312*/
	padding:25px 25px 25px 0px;	
	line-height:1.0;
	clear:both;
	}

/*TOP LOGO for sp*/
#top_logo{
	float:right;
	width:auto;
	/*padding:17px 40px 10px 10px;*/ /*chng 20180312*/
	padding:25px 25px 25px 0px;	
	line-height:1.0;
	}

/*i-Construction　consortium full name*/
.org_name{
	float:left;
	width:auto;
	/*padding:25px 0px 10px 30px;*/ /*chng 20180312*/
	padding:25px 0px 10px 25px;
	line-height:1.0;
	}

/*i-Construction only*/
.name{
	float:left;
	width:auto;
	padding:25px 0px 10px 25px;
	line-height:1.0;
	}


/*enlarge words medium words*/
header .box_right{
	float:right;
	width:auto;
	padding-top:17px;
	}


/*for box words enlarge*/
.box_font{
	float:right;
	}

/* btn large medium btn*/
.box_font ul li{
	display : table ;
	display : table-cell ;
	vertical-align : middle ;
	float:right;
	list-style:none;
	padding-top:13px;	/*from top*/
	padding-right:5px;	/*letter space*/
	}

.box_font ul li img{
	width:90%;
	}
	
.box_font ul li span{
	cursor:pointer;
	}



/*i-construction Title Image*/

.upper_image{
	width: 100%;
	clear:both;
	}
	

	


/*menu block*/
#g-menu{
	background: #007993;
	overflow: hidden;
	}
	
.fixed{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index:1000000;
}





#g-menu ul {
	margin-left: 3%;
	}
#g-menu li{
	color: #fff;
	line-height: 46px;
	padding-top: 3px;	/*justfy to border-bottom size*/
	padding-left: 1.1em;
	text-align: center;
	display: inline-block;
	}

#g-menu a{
	text-decoration: none;
	color: #fff;
	}

#g-menu li::after {
	content: "";
	display: block;
	border-bottom: 3px solid #ff0;
	position: relative;left: 0px;bottom: -3px;
	}

#g-menu li:hover::after,#g-menu li.current::after {
	bottom: 0px;
	}


/*not display g-menu for sp*/
#g-menu-s {
	display: none;
	}

/*contents structure
---------------------------*/
#contents {
	clear: both;
	margin: 3%;
	}


#main{
	float: left;
	width: 73%;
	clear:both;
	}
	
/*LINK color*/
#main a
	{text-decoration:underline;
	}
#main a:link{
	color: #0000B2;
	}
#main a:visited{
  color: #5900b3;
	}
#main a:hover{
  color: #007993;
  text-decoration: underline;
	}



/* section*/
section{
	position:relative;
	}


section:after{
	visibility: hidden;
	display: block;
	content: " ";
	height: 0;
	clear: both;
	}



/*.pc{display:block;}*/


/*right side menu
----------------------*/
#sub {
	float: right;
	list-style-position: inside;
	width: 24%;
	background: #fff;
	}

#sub .sidebox {
	padding: 25px 15px;
	font-weight: normal;
	letter-spacing: 0.1em;
	font-size: 27px;	
	line-height: 1.3;
	color: #000;
	background: url("../images/common/bg_image1.png");
	border: 1px solid #007993;
	}


#sub .sidebox span {
	display:block;
	font-size:13px;	
	}

#sub ul.submenu li a {
	text-decoration: none;
	display: block;
	padding: 15px 0px 15px 30px;	/*right side between btn and word*/
	border-bottom: 1px solid #007993;
	}

#sub ul.submenu li a:hover {
	background: #53ACB8;
	color: #fff;
	}

/*right side menu　allow*/
#sub ul.submenu li::before{
	float: left;
	padding-top:17px;
	content:url(../images/common/allow.png);
	padding-left:5px;
	}
#sub ul.submenu li:hover::before{
	float: left;
	padding-top:17px;
	content:url(../images/common/allow_on.png);
	padding-left:5px;
	}



/*right side menu LINK color*/
#sub a:link{
	color: #0000B2;
	text-decoration:none;
	}
	


/*footer
----------------------*/
footer {
	clear: both;
	background: #007993;
	color: #fff;	
	text-align: center;
	padding:15px 0 30px 0;
	}
footer a {
	color: #fff;
	text-decoration: none;
	}
footer a:link{
	color: #fff;
	text-decoration: none;
	}
footer a:hover {
	color: #fff;
	text-decoration: underline;
	}


/*page-top
-------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 103px;
	right: 10px;
	z-index:999999;
}



/*from 856px to 640px tb sp*/

/*tb display width under 856px--------------*/
@media screen and (max-width:856px)
{

/*header（include LOGO）
------------------------*/
/*LOGO*/
#logo img {
	width: 400px;	
	position: absolute;
	left: 3%;	
	top: 32px;	
	}

/*header right side */
#h-nav {
	right: 20%;	
	display: none;	/*delete enlarge words under 856px*/
	}

/*g-menu
-------------------------------*/
/*g-menu block*/
#g-menu-s {
	display: block;	/*display g-menu under 856px*/
	background: #007995;
	overflow: hidden;
	}
/*each item*/
#g-menu-s li {
	float: left;
	width: 50%;		
	}


#g-menu-s li a {
	text-decoration: none;
	display: block;
	text-align: center;
	line-height: 35px;	/*sp g-menu hight*/		
	color: #fff;
	/*letter-spacing:-0.16em;*/ /*not narrow full name*/
	border-bottom: 1px solid #fff;
	/*border-right: 1px solid #fff;*/ /* if 2 lines */
	}

h1 img{
	width:100%;	/*i-construction only*/
	}

/*page-top
-------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 103px;
	right: 20px;
	z-index:999999;
}

/*	
#top_logo{
	width:80%;
	}
	*/
	
.org_name img{
	width:95%;	/*--i-construction consortium full name*/
	}

/*not display over 640px*/
#g-menu {
	display: none;
	}
.box_right{
	display: none;
	}
/*.box_left{
	display: none;
	}
	*/
/*RED LOGO display only top*/
/*h1 {
	display: none;
	}
	*/ /*change 0312*/

	


/*main,sub max640px--*/
#main{
position:relative;
	float:left;
	width:100%!important;
	clear:both!important;
	}

#sub{
padding:10px;
	float:left;
	width:100%;
	}

#main .wg_outline img{
	width:100%;
	margin:10px;
	clear:both;
	}



}


/*856px-641px end*/



/*display under 640px--------------*/
@media screen and (max-width:640px)
{




h1 img{
width:70%; /*add 0313*/
	}
h1{
padding:25px 0 10px 25px; /* same padding of i-con name add*/
	}


#g-menu-s li a {
	text-decoration: none;
	display: block;
	text-align: center;
	line-height: 35px;	/*line height sp*/		
	color: #fff;
	letter-spacing:-0.16em;
	border-bottom: 1px solid #fff;
	}

#page-top {
	position: fixed;
	bottom: 132px;
	right: 10px;
	z-index:999999;
}

/*not display under 400px*/
#g-menu {
	display: none;
	}
.box_right{
	display: none;
	}
.box_left{
	display: none;
	}
/*logo display　full name not display*/
#top_logo {
	display: none;
	}

/*display sp end*/
}