@charset "utf-8";

/* -----------------------------------------------------------------------------
 About
----------------------------------------------------------------------------- */
#about {
	position:relative;
	width:770px;
	padding-top:55px;
	text-align:left;
	float:right;
	z-index:9999;
}

#about h2 {
	font-size:1.4em;
	font-weight:normal;
	padding-left:10px;
	border-left:3px solid #FFF;
	line-height:0.9em;
}

#about h2 .jp {
	font-size:10px;
	padding-left:5px;
}

#about .outline dl {
	margin-top:5px;
}

#about .outline dl:after {
  content : '';
  display : block;
  clear : both;
}

#about .outline dl dt {
	width:85px;
	padding-top:35px;
	float:left;
	clear:both;
}

#about .outline dl dd {
	margin:0 0 0 85px;
	padding-top:35px;
}

#about .outline dl dd:after {
  content : '';
  display : block;
  clear : both;
}

#about .outline dl dd a.gmap {
	font-size:0.85em;
	padding-left:10px;
	background:url(../../img/ico1.png) left center no-repeat;
	text-decoration:underline;
}

#about .award {
	position:relative;
	margin-top:85px;
}

#about .lang {
	position:absolute;
	top:0px;
	left:195px;
	font-size:13px;
	width:186px;
	display:block;
}

#about .lang li {
	width:60px;
	margin-left:1px;
	text-align:center;
	float:left;
}

#about .lang li a {
	color:#FFF;
	background-color:#4d4d4d;
	line-height:1.6em;
	display:block;
}

#about .lang li a.active {
	color:#FFF;
	background-color:#808080;
}

#about .award dl {
	margin-top:15px;
}

#about .award dl:after {
  content : '';
  display : block;
  clear : both;
}

#about .award dl dt {
	width:70px;
	padding-top:25px;
	float:left;
	clear:both;
}

#about .award dl dd {
	margin:0 0 0 70px;
	padding-top:25px;
}

#about .award dl dd:after {
  content : '';
  display : block;
  clear : both;
}

#about .contact {
	margin-top:85px;
}

#about .contact .ja {
	font-size:1.4em;
	margin-top:65px;
	text-align:center;
}

#about .contact .en,
#about .contact .cn {
	font-size:1.1em;
	margin-top:15px;
	text-align:center;
}

#about .contact .bt {
	margin-top:60px;
	text-align:center;
}

#about .member {
	margin-top:85px;
}

#about .member .director {
	margin-top:50px;
	padding-bottom:20px;
}

#about .member .director .left {
	width:230px;
	margin-right:20px;
	float:left;
}

#about .member .director .left .photo {
	padding-bottom:30px;
}

#about .member .director .left .photo img {
	width:200px;
	height:auto;
}

#about .member .director .left .jp {
	font-size:20px;
	padding-bottom:10px;
}

#about .member .director .left .en,
#about .member .director .left .cn {
	font-size:14px;
}

#about .member .director .right {
	position:relative;
	margin-left:250px;
	float:none;
}



#about .member .director .right .lang {
	position:absolute;
	top:0;
	left:auto;
	right:0;
	font-size:13px;
	width:125px;
	display:block;
}

#about .member .director .right .lang li {
	width:60px;
	margin-left:1px;
	text-align:center;
	float:left;
}

#about .member .director .right .lang li a {
	color:#FFF;
	background-color:#4d4d4d;
	line-height:1.6em;
	display:block;
}

#about .member .director .right .lang li a.active {
	color:#FFF;
	background-color:#808080;
}


#about .member .director .right .name {
	font-size:2em;
	margin-bottom:25px;
	line-height:1em;
}

#about .member .director .right .prof {
	font-size:1em;
	margin-bottom:15px;
	line-height:1.5em;
}


#about .member .designer {
	margin-top:50px;
}

#about .member .designer .photo {
	width:70px;
	margin-right:20px;
	float:left;
}

#about .member .designer .photo img {
	width:70px;
	height:auto;
}

#about .member .designer .jp {
	width:195px;
	float:left;
}

#about .member .designer .en {
	width:270px;
	float:left;
}

#about .member .designer .name {
	font-size:16px;
	margin:0;
	padding-top:0.2em;
}

#about .member .designer .txt {
	font-size:11px;
	padding-top:1.3em;
}

#about .member .staff {
	margin-top:65px;
	width:190px;
	float:left;
}

#about .member .staff .name {
	font-size:12px;
}

#about .member .staff .txt {
	font-size:10px;
}

#contents-area .outline .pagetop,
#contents-area .award .pagetop,
#contents-area .contact .pagetop,
#contents-area .member .pagetop {
	display:none;
}

/* -----------------------------------------------------------------------------
 Sidebar
----------------------------------------------------------------------------- */
#sidebar ul.anchor {
	border-bottom:none;
}

#sidebar ul.anchor a {
	font-size:14px;
	display:block;
}

#sidebar ul.anchor .ja {
	font-size:10px;
	line-height:1.2em;
	display:block;
}


/* *****************************************************************************
   PC用のスタイル記述
@media screen and (min-width: 769px), print {
}
***************************************************************************** */


/* *****************************************************************************
   スマートフォン用のスタイル記述
***************************************************************************** */
@media screen and (max-width: 769px) {

#about {
	width:auto;
	padding:30px 7px 0;
	float:none;
}

#about h2 {
	font-size:1.3em;
	font-weight:normal;
	padding-left:10px;
	border-left:3px solid #FFF;
	line-height:0.8em;
}

#about h2 .jp {
	font-size:10px;
	padding-left:5px;
}

#about .outline {
	padding-bottom:50px;
	border-bottom:1px solid #FFF;
}

#about .outline dl {
	margin-top:0;
}

#about .outline dl dt {
	width:auto;
	padding-top:15px;
	float:none;
}

#about .outline dl dd {
	margin:0 0 0 0;
	padding:0 0 15px 0;
}

#about .outline dl dd .nowrap {
	display:block;
}

#about .outline dl dd a.gmap {
	font-size:9px;
	margin-left:10px;
	padding-left:8px;
	background:url(../../img/ico1_sp.png) left center no-repeat;
	white-space:nowrap;
}

#about .award {
	position:relative;
	margin-top:50px;
	padding-bottom:50px;
	border-bottom:1px solid #FFF;
}

#about .lang {
	position:absolute;
	top:1px;
	left:auto;
	right:0px;
	font-size:0.85em;
	width:147px;
	display:block;
}

#about .lang li {
	width:47px;
	margin-left:1px;
	text-align:center;
	float:left;
}

#about .lang li a {
	color:#FFF;
	background-color:#4d4d4d;
	line-height:1.6em;
	display:block;
}

#about .lang li a.active {
	color:#FFF;
	background-color:#808080;
}

#about .lang li a.jp,
#about .lang li a.en {
	border-right:none;
}


#about .award dl {
	margin-top:0;
}

#about .award dl {
	margin-top:20px !important;
}

#about .award dl dt {
	width:auto;
	padding-top:20px;
	float:none;
}

#about .award dl dd {
	margin:0 0 0 0;
	padding-top:0;
	padding-bottom:15px;
}

#about .contact {
	margin-top:50px;
	padding-bottom:50px;
	border-bottom:1px solid #FFF;
}

#about .contact .ja {
	font-size:1em;
	margin:20px 30px 0;
}

#about .contact .en,
#about .contact .cn {
	font-size:0.85em;
	margin:20px 30px 0;
}

#about .contact .bt {
	margin:20px 30px 0;
}

#about .contact .bt img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

#about .member {
	margin-top:50px;
	padding-bottom:30px;
}

#about .member .director {
	margin-top:50px;
	padding-bottom:20px;
}

#about .member .director .left {
	width:auto;
	margin-right:20px;
	float:none;
}

#about .member .director .left .photo {
	padding-bottom:0;
}

#about .member .director .left .photo img {
	width:200px;
	height:auto;
}

#about .member .director .left .jp {
	font-size:16px;
	padding-bottom:10px;
}

#about .member .director .left .en,
#about .member .director .left .cn {
	font-size:14px;
}

#about .member .director .right {
	margin-left:0;
	float:none;
}



#about .member .director .right .lang {
	position:absolute;
	top:1px;
	left:auto;
	right:0px;
	font-size:0.85em;
	width:99px;
	display:block;
}

#about .member .director .right .lang li {
	width:47px;
	margin-left:1px;
	text-align:center;
	float:left;
}

#about .member .director .right .lang li a {
	color:#FFF;
	background-color:#4d4d4d;
	line-height:1.6em;
	display:block;
}

#about .member .director .right .lang li a.active {
	color:#FFF;
	background-color:#808080;
}

#about .member .director .right .lang li a.jp,
#about .member .director .right .lang li a.en {
	border-right:none;
	padding-bottom:0 !important;
}






#about .member .director .right .jp,
#about .member .director .right .en {
	padding-bottom:30px;
}

#about .member .director .right .name {
	font-size:16px;
	margin-bottom:25px;
	line-height:1em;
}


#about .member .left {
	width:auto;
	float:none;
}

#about .member .right {
	width:auto;
	margin-top:30px;
	float:none;
}

#about .member .designer {
	margin-top:50px;
}

#about .member .designer .photo {
	width:70px;
	margin-right:20px;
	float:left;
}

#about .member .designer .jp {
	width:auto;
	margin-left:90px;
	padding-bottom:0;
	float:none;
}

#about .member .designer .en {
	width:auto;
	margin:0.9em 0 0 90px;
	padding-bottom:0;
	float:none;
}

#about .member .designer .txt {
	font-size:11px;
	padding-top:0.3em;
}

#about .member .designer .name {
	font-size:16px;
	margin-bottom:0;
	padding-top:0;
}

#about .member .staff {
	width:110px;
	margin-top:20px;
	margin-left:20px;
	float:left;
}

#contents-area .outline .pagetop,
#contents-area .award .pagetop,
#contents-area .contact .pagetop,
#contents-area .member .pagetop {
	padding: 20px 0 0;
	text-align: right;
	display:block;
}


}