@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

/* ==========================================================================
	CONTENT
========================================================================== */


/* ------------------------------------------------------------
	 PC   800px -
------------------------------------------------------------ */

@media screen and (min-width: 800px) {
#head{
  border-bottom:1px solid #c6c6c6;
}
/*representative*/

#representative th{
  width:600px;
}
#representative td{
  width:360px;
  background-color:#e85388;
  text-align:center;
  vertical-align:middle;
}
#representative td img{
  width:250px;
  height:auto;
}

/*greeting*/
#greeting .float-l{
  width:692px;
  padding-right:20px;
  border-right:1px solid #9fa0a0;
}
#greeting h3 img{
  height:32px;
  width:auto;
  margin-bottom:20px;
}
#greeting .float-r{
  width:220px;
  text-align:center;
  font-size:0.9em;
}
#greeting .float-r img{
  width:137px;
  height:auto;
  margin-bottom:10px;
}
#greeting .float-r p{
  text-align: left;
}

/*philosophy*/
#philosophy .float-l{
  width:692px;
  padding-right:20px;
  border-right:1px solid #9fa0a0;
}
#philosophy h3 img{
  height:32px;
  width:auto;
  margin-bottom:20px;
}
#philosophy .float-r{
  width:220px;
  text-align:center;
  font-size:0.9em;
  padding-top:10px;
}
#philosophy .float-r img{
  width:180px;
  height:auto;
  margin-bottom:10px;
}
#philosophy .float-r p{
  text-align: left;
}

/*origin*/
#origin .float-l{
  width:692px;
  padding-right:20px;
  border-right:1px solid #9fa0a0;
}
#origin h3 img{
  height:32px;
  width:auto;
  margin-bottom:20px;
}
#origin .float-r{
  width:220px;
  text-align:center;
  font-size:0.9em;
  padding-top:50px;
}
#origin .float-r img{
  width:137px;
  height:auto;
  margin-bottom:10px;
}
#origin .float-r p{
  text-align: left;
}

}

/* ------------------------------------------------------------
	 TABLET   for - 799px
------------------------------------------------------------ */

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

/*representative*/

#representative th{
  width:60%;
}
#representative td{
  width:40%;
  background-color:#e85388;
  text-align:center;
  vertical-align:middle;
}
#representative td img{
  width:80%;
  height:auto;
}

/*greeting*/
#greeting .float-l{
  width:70%;
  padding-right:3%;
  border-right:1px solid #9fa0a0;
}
#greeting h3 img{
  height:32px;
  width:auto;
  margin-bottom:20px;
}
#greeting .float-r{
  width:23%;
  text-align:center;
  font-size:0.9em;
}
#greeting .float-r img{
  width:80%;
  height:auto;
  margin-bottom:10px;
}
#greeting .float-r p{
  text-align: left;
}

/*philosophy*/
#philosophy .float-l{
  width:70%;
  padding-right:3%;
  border-right:1px solid #9fa0a0;
}
#philosophy h3 img{
  height:30px;
  width:auto;
  margin-bottom:20px;
}
#philosophy .float-r{
  width:23%;
  text-align:center;
  font-size:0.9em;
}
#philosophy .float-r img{
  width:80%;
  height:auto;
  margin-bottom:10px;
}
#philosophy .float-r p{
  text-align: left;
}

/*origin*/
#origin .float-l{
  width:70%;
  padding-right:3%;
  border-right:1px solid #9fa0a0;
}
#origin h3 img{
  /*height:50px;*/
  width:auto;
	max-width: 300px;
  margin-bottom:20px;
}
#origin .float-r{
  width:23%;
  text-align:center;
  font-size:0.9em;
}
#origin .float-r img{
  width:80%;
  height:auto;
  margin-bottom:10px;
}
#origin .float-r p{
  text-align: left;
}

}
/* ------------------------------------------------------------
	 SP　599pxまで
------------------------------------------------------------ */

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

/*representative*/

#representative th{
  width:100%;
  display:block;
}
#representative td{
  width:100%;
  display:block;
  background-color:#e85388;
  text-align:center;
  vertical-align:middle;
  padding:20px 0;
}
#representative td img{
  width:60%;
  height:auto;
}

/*greeting*/
#greeting .float-l{
  float:none;
  width:100%;
  padding-right:3%;
  border-right:1px solid #9fa0a0;
  margin-bottom:30px;
}
#greeting h3{
  text-align:center;
}
#greeting h3 img{
  height:62px;
  width:auto;
  margin-bottom:20px;
}
#greeting .float-r{
  float:none;
  width:100%;
  text-align:center;
  font-size:0.9em;
}

#greeting .float-r p{
  text-align: left;
}

/*philosophy*/
#philosophy .float-l{
  float:none;
  width:100%;
  padding-right:3%;
  border-right:1px solid #9fa0a0;
}
#philosophy h3{
  text-align:center;
}
#philosophy h3 img{
  width:100%;
  max-width:400px;
  height: auto;
  margin-bottom:20px;
}
#philosophy .float-r{
  float:none;
  width:100%;
  text-align:center;
  font-size:0.9em;
}
#philosophy .float-r img{
  width:70%;
  height:auto;
  margin-bottom:10px;
}


/*origin*/
#origin .float-l{
  float:none;
  width:100%;
  padding-right:3%;
  border-right:1px solid #9fa0a0;
}
#origin h3{
  text-align:center;
}
#origin h3 img{
  width:auto;
  /*max-width:400px;*/
  height: auto;
  margin-bottom:20px;
}
#origin .float-r{
  float:none;
  width:100%;
  text-align:center;
  font-size:0.9em;
  padding-top:40px;
}
#origin .float-r img{
  width:50%;
  height:auto;
  margin-bottom:10px;
}

}