/*--------------------------------------------------------*/

/*  背景画像とフォント　*/

/*--------------------------------------------------------*/

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

body{
	background-color:#F9F9F9;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

/*--------------------------------------------------------*/

/*  ヘッダー　*/

/*--------------------------------------------------------*/

@media print, screen and (min-width: 900px){

#project_header{
	padding:60px;
}

#project_header .project_headBox{
}

#project_header .project_headBox .head_comapny_logo{
}

#project_header .project_headBox .head_comapny_logo img{
	width:220px;
}

#project_header .project_headBox .head_sitename{
	position: absolute;
	top: 60px;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
}

#project_header .project_headBox .head_sitename h1.site_name{
}

#project_header .project_headBox .head_sitename h1.site_name img{
	width:220px;
}

}

@media screen and (min-width: 768px) and (max-width: 900px){

#project_header{
	padding:60px 30px;
}

#project_header .project_headBox{
}

#project_header .project_headBox .head_comapny_logo{
}

#project_header .project_headBox .head_comapny_logo img{
	width:220px;
}

#project_header .project_headBox .head_sitename{
	position: absolute;
	top: 60px;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
}

#project_header .project_headBox .head_sitename h1.site_name{
}

#project_header .project_headBox .head_sitename h1.site_name img{
	width:220px;
}

}

@media screen and (max-width:768px){

#project_header{
	padding:10px 20px 25px;
}

#project_header .project_headBox{
	width:180px;
}

#project_header .project_headBox .head_comapny_logo{
	text-align:center;
	margin-bottom:10px;
}

#project_header .project_headBox .head_comapny_logo img{
	width:160px;
}

#project_header .project_headBox .head_sitename{
}

#project_header .project_headBox .head_sitename h1.site_name{
}

#project_header .project_headBox .head_sitename h1.site_name img{
	width:180px;
}

}

/*--------------------------------------------------------*/

/* フッター　*/

/*--------------------------------------------------------*/

@media print, screen and (min-width: 768px){

.project_footBox{
	margin:140px 0 0;
	padding-bottom:140px;
}

.project_footBox .project_number{
	text-align:center;
	font-family: 'Roboto',sans-serif;
	font-size:11px;
	color:#575757;
	font-weight:100;
	line-height:1.5em;
	letter-spacing:0.12em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.project_footBox .project_name{
	margin-top:10px;
	text-align:center;
}

.project_footBox .project_name img{
	width:190px;
}

.project_footBox .project_company{
	margin-top:15px;
	text-align:center;
}

.project_footBox .project_company img{
	width:160px;
}

.project_footBox ul.project_con_menu{
	margin-top:40px;
	display:flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: center;
	-webkit-justify-content: center;
}

.project_footBox ul.project_con_menu li{
	font-size:12px;
	color:#575757;
	font-weight:500;
	line-height:1.8em;
	letter-spacing:0.10em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	padding:0 20px;
	border-left:1px solid #E6E6E6;
}

.project_footBox ul.project_con_menu li:last-child{
	border-right:1px solid #E6E6E6;
}

.project_footBox ul.project_con_menu li a{
	color:#575757;
	text-decoration:none;
}

.project_footBox ul.project_con_menu li a:hover{
	color:#888;
	text-decoration:none;
}

}

@media screen and (max-width: 768px){

.project_footBox{
	margin:80px 0 0;
	padding-bottom:80px;
}

.project_footBox .project_number{
	text-align:center;
	font-family: 'Roboto',sans-serif;
	font-size:11px;
	color:#575757;
	font-weight:100;
	line-height:1.5em;
	letter-spacing:0.12em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.project_footBox .project_name{
	margin-top:10px;
	text-align:center;
}

.project_footBox .project_name img{
	width:190px;
}

.project_footBox .project_company{
	margin-top:15px;
	text-align:center;
}

.project_footBox .project_company img{
	width:160px;
}

.project_footBox ul.project_con_menu{
	margin-top:40px;
	display:flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: center;
	-webkit-justify-content: center;
	padding:0 30px;
}

.project_footBox ul.project_con_menu li{
	font-size:12px;
	color:#575757;
	font-weight:500;
	line-height:1.6em;
	letter-spacing:0.08em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	margin:0 10px;
	padding:5px 0;
}

.project_footBox ul.project_con_menu li:last-child{
}

.project_footBox ul.project_con_menu li a{
	color:#575757;
	text-decoration:none;
}

.project_footBox ul.project_con_menu li a:hover{
	color:#888;
	text-decoration:none;
}

}