/* 共通 */
@charset "UTF-8";
body{
	font-family: 'Poppins','Century Gothic',"こぶりなゴシック Std W3",KoburinaGoStd-W3,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
		}
a{
	text-decoration:none;}
a:hover/*,a:visited, a:focus */{
	color:#888;}
p{margin-bottom: 10px;
	line-height:1.5em;}
li{list-style:none;}
a,p,li{color:#333;}
*{box-sizing: border-box;
  font-weight: lighter;}
.fl{
	float: left;
}
.fr{
	float: right;
}
.cf::after,.cf::before{
    content: "";
    display:block;
    clear: both;}
.inner{
    max-width: 90%;
    margin: 0 auto;
    height: 100%;
  }

/*-----共通　@end-----*/
@media (max-width: 3000px){
	.headUl{
		margin-top: 30px;
		}
	.headLi {
    float: left;
    font-size: 2.5em;
    /* margin-right: 30px; */
}
.headLogo img {
		padding-top: 68px;
}
	.topLiChild {
		font-size: 6vmax;
		font-weight: 300;
		 margin: 30px 0 30px -19px;
	}
/*------ ABOUT  ----*/

}


@media (max-width: 1900px){
/*------ COMMON  ----*/

/*------ INDEX  ----*/
.headUl{
	margin-top: 30px;
	}
	.topLiChild {
		font-size: 9vmax;
		margin-left: -83px;
	}
/*========================*/
/*------ ABOUT  ----*/
	.ProductsPage .content, .AboutPage .content {
			top: 10%;
		}
}


@media (max-width: 1500px){
/*------ COMMON  ----*/

/*------ INDEX  ----*/
.headUl{
	margin-top: 30px;
	}
.headLi {
	    font-size: 1vmax;
	}
	.headLogo img {
	    width: 40%;
	    /* margin-left: 32px; */
	    padding-top: 40px;
	}
	.topLiChild {
		font-family: 'Poppins', sans-serif;
		font-size: 6vmax;
		font-weight: 300;
		/*font-size: 9vmax;*/
		margin-left: -60px;
		/*margin-bottom: -6px;*/
		margin-bottom: -49px;
	 }
	.topLiChild .arrow01 {
 		line-height: 8.9em;
		margin-bottom: 24px;
	 }
 	.arrow01{
 		width: 5%;
 		padding-top: 13px;
 	}
/*========================*/
/*------ ABOUT  ----*/
	 .ProductsPage , .AboutPage ,.content {
			 top: 10%;
			 width: 40%;
	 }
 /*========================*/
	 /*------ contact  ----*/
	 .backImg {
	 	width: 2%;
	 }
}


@media (max-width: 1024px) {
/*------ COMMON  ----*/

/*------ INDEX  ----*/
.headUl{
	margin-top: 30px;
	}
.topLiChild {
			/*font-size: 5vmax;*/
			font-size: 5rem;
			margin-left: -54px;
			padding-bottom: 50px;
				/*margin-left: -3px;*/
		}
	.arrow01 {
		opacity: 1;
	}
/*========================*/
/*------ project ----*/
.projectH2 {
	font-size: 1.3rem;
}
/*========================*/
	/*------ contact  ----*/
	.backImg {
		width: 3%;
	}
	.back {
		line-height: 38px;
	  padding: 40px 0 0 0;
	}
	.back a,.projectTtl,.contLi{
		letter-spacing: 2px;
	}
	.back a{
		/*font-family: 'Poppins', sans-serif;*/
		font-size: 2.2rem;
		font-weight: 300;
	}
	.contLi {
		font-size: 4.5rem;
		line-height: 5.5rem;
		word-break:break-all
	}
	.projectTtl{
		font-size: 4.0rem;
		font-weight: 400;
		margin-bottom: 10px;
	}
	.popleWrapp, .contWrapp {
    padding:  0;
	}

}


@media (max-width:750px ){
/*------ COMMON  ----*/

/*------ INDEX  ----*/
.headUl{
	margin-top: 30px;
	display: block;
	}
.headLi {
	font-size: .9rem;
	padding: 4px 0;
		text-align: center;
		float: none;
		display: block;
	}
.headLogo img {
	width: 82%;
	/*width: 57%;*/
	/* margin-left: 32px; */
	padding-top: 30px;
}
/*.headLi {
    padding: 24px 16px;
}*/
	.arrow01{
		width: 5%;
	/* display: block; */
		/*padding-top: 26px;*/
		padding-top: 9px;
	}
	.topLiChild {
	    /*font-size: 7.5vmax;*/
			font-size: 5.5rem;
	    margin-left: -30px;
			padding-bottom: 41px;
	}
	/*========================*/
	/*------ ABOUT  ----*/
		.aboutCont,.photoCont,.projectCont {
		  position: static;
			width: 100%;
			margin: 0;
		}
		.closeImg img{
			/*margin: 14px 0;*/
			position: fixed;
			right: 20px;
			top: 1px;
			width: 5%;
		  padding-top: 20px;
		}
		.aboutContTax,.photoContTax,.projectContTax {
			padding-top: 29px;
			padding-right: 20px;
			/*font-size: 3.5vmax;*/
			font-size: 0.75rem;
			font-weight: 300;
		  line-height: 1.4em;
		  letter-spacing: 0px;
		}
		.aboutImgAra,.photoImgAra,.projectImgAra {
		    overflow: hidden;
		    width: 100%;
		    float: left;
		    font-size: 2.1em;
		    letter-spacing: 0em;
		}
		.aboutImgAra img, .aboutArea,.photoImgAra img, .photoArea,.projectImgAra img, .projectArea {
		  margin-bottom: 20px;
		  width: 100%;
		}
/*========================*/
/*------ project ----*/
.projectH2 {
	font-size: 0.9rem;
}
.projectTaxLi p {
	font-size: 0.7rem;
}
/*========================*/
	/*------ contact  ----*/
	.backImg {
		width: 6%;
	}
	.back {
		line-height: 38px;
	  padding: 40px 0 0 0;
	}
	.back a,.projectTtl,.contLi{
		letter-spacing: 2px;
	}
	.back a,.contLi ,.peopleH2{
		/*font-family: 'Poppins', sans-serif;*/
		font-size: 2.4rem;
		font-weight: 300;
	}
	.contLi {
		line-height: 3rem;
		word-break:break-all
	}
	.projectTtl{
		font-size: 4.5rem;
		font-weight: 400;
		margin-bottom: 20px;
	}
	.popleWrapp, .contWrapp {
    padding:  0;
	}
/*========================*/
	/*------  PEOPLE  ----*/
	.peopleH2{
	   margin-bottom: 10px;
	}
	.peopleH2Child{
		/*font-size: 1.5vmax;*/
		font-size: 1.5rem;
	  font-weight: 300;
		margin-bottom: 20px;
	}
}



@media only screen and(max-width: 600px) {
/*------ COMMON  ----*/

/*------ INDEX  ----*/
.headUl{
	margin-top: 30px;
	display: block;
	}
.headLi {
	font-size: .8rem;
	padding: 4px 0;
		text-align: center;
		float: none;
		display: block;
	}
.headLogo img {
	width: 105%;
	/* margin-left: 32px; */
	padding-top: 30px;
	}
.arrow01-factoria {
		line-height: 1.4em;
	}
.arrow01 {
	font-size: 17em;
	line-height: 0.9em;
	}

/*========================*/
	/*------ contact  ----*/
	.back a,.contLi {
		/*font-family: 'Poppins', sans-serif;*/
		font-size: 2.4rem;
		font-weight: 300;
	}
}



@media (max-width: 414px) {
/*------ COMMON  ----*/

/*------ INDEX  ----*/
	.headLogo img {
    width: 105%;
    /* margin-left: 32px; */
    padding-top: 30px;
	}
	.topUl {
		margin-top: 20px;
    padding-left: 37px;
	}
	.topLiChild{
		 /*margin-bottom: -17px;*/
		margin-bottom: -44px;
		font-size: 3.5rem;
	}
	.arrow01 {
		display: none;
	}
	/*========================*/
	/*------ ABOUT  ----*/
		.aboutCont,.photoCont ,.projectCont{
		  position: static;
			width: 100%;
			margin: 0;
		}
		.closeImg img{
			/*margin: 14px 0;*/
			position: fixed;
			right: 20px;
			top: 1px;
			width: 5%;
		  padding-top: 20px;
		}
		.aboutContTax,.photoContTax,.projectContTax {
			padding-top: 29px;
			padding-right: 20px;
			/*font-size: 3.5vmax;*/
			font-size: 0.75rem;
			font-weight: 300;
		  line-height: 1.4em;
		  letter-spacing: 1px;
		}
		.aboutImgAra,.photoImgAra,.projectImgAra {
		    overflow: hidden;
		    width: 100%;
		    float: left;
		    font-size: 2.1em;
		    letter-spacing: 0em;
		}
		.aboutImgAra img, .aboutArea,.photoImgAra img, .photoArea,.projectImgAra img, .projectArea{
		  margin-bottom: 20px;
		  width: 100%;
		}
/*========================*/
/*------ project ----*/
.projectH2 {
	font-size: 1.5rem;
}
.projectTaxLi p {
	font-size: .5rem;
}
/*========================*/
	/*------ CONTSACT  ----*/
	.contWrapp {
	    padding:  0;
	}
	.back a,.projectTtl{
		letter-spacing: 2px;
	}
	.back {
	  padding: 20px 0 0 0;
	}
	.contLi{
		line-height: 1.45em;
	}
	.back a,.contLi,.peopleH2 {
		/*font-family: 'Poppins', sans-serif;*/
		font-size: 1.5rem;
		font-weight: 300;
	}
	.backImg {
		width: 6%;
	}
	.projectTtl,.peopleH2{
	   margin-bottom: 10px;
	}
	.projectTtl{
		font-size: 3rem;
		font-weight: 400;
		/*margin-bottom: 10px;*/
	}
/*========================*/
.peopleH2Child{
	/*font-size: 1.5vmax;*/
	font-size: 1rem;
  font-weight: 300;
	margin-bottom: 20px;
}
.peopleH2 {
   line-height: 2rem;
}

}



@media only screen and (max-width: 320px) {
/*------ COMMON  ----*/

/*========================*/
/*------ INDEX  ----*/
	.headUl {
	    width: 100%;
			display: block;
	}
	.headLi {
		text-align: center;
		font-size: .8rem;
	  padding: 4px 0;
		float: none;
		display: block;
	}
	.headLogo img {
    width: 72%;
    /* margin-left: 32px; */
    padding-top: 30px;
	}
	.topUl {
    padding-left: 40px;
	}
	.topLiChild{
		font-size: 2.5rem;
		margin-bottom: -45px;
		 /*margin-bottom: -17px;*/
	 		/*margin-left: -3px;*/
		/*line-height: 1.5em;*/
	}
	.topLiChild:hover {
		/*margin-left: 0;*/
		margin-left: 0;
	 }
	.arrow01 {
	 	/*margin-right: 5px;*/
		display: none;
	 }
/*========================*/
/*------ ABOUT PHOTO PROJECT ----*/
	.aboutCont,.photoCont,.projectCont  {
	  position: static;
		width: 100%;
		margin: 0;
	}
	.closeImg img{
		/*margin: 14px 0;*/
		position: fixed;
		right: 20px;
		top: 1px;
		width: 5%;
	  padding-top: 20px;
	}
	.aboutContTax,.photoContTax,.projectContTax {
		padding-top: 29px;
		padding-right: 20px;
		/*font-size: 3.5vmax;*/
		font-size: 1rem;
		font-weight: 300;
	  line-height: 1.3em;
	  letter-spacing: -0.9px;
	}
	.aboutImgAra ,.photoImgAra,.projectImgAra{
	    overflow: hidden;
	    width: 100%;
	    float: left;
	    font-size: 2.1em;
	    letter-spacing: 0em;
	}
	.aboutImgAra img, .aboutArea, .photoImgAra img, .photoArea, .projectImgAra img, .projectArea {
	  margin-bottom: 20px;
	  width: 100%;
	}
/*========================*/
/*------ project ----*/
.projectH2 {
    font-size: 1.0rem;
}
.projectTaxLi p {
    font-size: .5rem;
}
/*========================*/
/*------ CONTACT ----*/
.contWrapp {
    padding:  0;
}
.back a,.projectTtl{
	letter-spacing: 2px;
}
.back {
  padding: 20px 0 0 0;
}
.back a,.contLi {
	/*font-family: 'Poppins', sans-serif;*/
	font-size: 1.5rem;
	font-weight: 300;
}
.backImg {
	width: 6%;
}
.projectTtl{
  margin-bottom: 20px;
}
.projectTtl{
	font-size: 2rem;
	font-weight: 400;
	/*margin-bottom: 10px;*/
}
/*========================*/
.peopleH2Child{
	margin-bottom: 30px;
}
.peopleH2 {
   line-height: 2rem;
}
}/*---}@media only screen and (max-width: 320px) end*/