@charset "UTF-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400italic,700italic);

.droidN{
	font-family: 'Droid Serif', serif;
	font-weight:normal;
	font-style:italic;
}

.droidB{
	font-family: 'Droid Serif', serif;
	font-weight:normal;
	font-style:italic;
}

.qw{
	font-weight:500;
}



html, body {
width:100%;
　height:100%;
/*スマホで勝手に文字が大きくなる対策*/
	-webkit-text-size-adjust: 100%;
	background-color:#F4F1E8;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position:relative;
	z-index:98;

}

::selection {
	background: #4B416C;
	color: #fff;
}
::-moz-selection {
	background: #4B416C;
	color: #fff;
}



img{
	display:block;
	margin:0;
	padding:0;
}
p{
	margin:0;
	padding:0;
}

.clearfix{
	clear:both;
}


 .fadeInLeft{
	 transition: .8s;
 }




img {
    border-style:none;
}


a{
	cursor:pointer;
	text-decoration: none;
}


a:link { color:#000; }
a:visited { color:#000; }
a:hover { color:#000; }
a:active { color:#000; }
a{
	color:#000;
	font-size:14px;
	line-height:30px;
	letter-spacing:0.1em;
}




#loading{
    position: absolute;
    left: 50%;
    top: 50%;
	margin-top:-25px;
	margin-left:-25px;
}

#loader-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #FFF;
    z-index: 9999;
}



.title{

	text-align:center;
}

.title h2{
	color:#2D2C5C;
	font-size:34px;
	font-weight:200;
	letter-spacing:0.2em;
	text-align:center;
}
.title p{
	color:#2D2C5C;
	font-size:14px;
	font-weight:normal;
	letter-spacing:0.1em;
	text-align:center;
	margin:16px 0;
}
.title img{
	display:inline-block;
	margin-top:16px;
	margin-bottom:40px;
	text-align:center;
}


.textBox{
	background-color:#FFF;
	position:relative;
	text-align:center;
	padding:80px 0;
	}

.textBox h3{
	color:#2D2C5C;
	font-size:27px;
	letter-spacing:0.1em;
	text-align:center;
}

.textBox h4{
	color:#2D2C5C;
	font-style:italic;
	font-size:30px;
	letter-spacing:0.1em;
	text-align:center;
}


.textBox h5{
	color:#2D2C5C;
	font-size:20px;
	letter-spacing:0.15em;
	line-height:40px;
	text-align:center;
	margin-top:36px;
	margin-bottom:72px;
}

.textBox .caption{
	color:#2D2C5C;
	font-size:16px;
	letter-spacing:0.15em;
	text-align:center;
	margin-top:8px;
}

.textBox .line{
	margin-top:32px;
	margin-bottom:40px;
	display:inline-block;
}

.textBox .text{
	color:#212144;
	font-weight:200;
	font-size:15px;
	letter-spacing:0.05em;
	line-height:35px;
	text-align:center;
}











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

#header{
	width:100%;
	height:100%;
	background-image:url(../images/keyVisual@2x.jpg);
	background-position:center;
	background-size:cover;
	position:relative;
}

#menu{
	width:540px;
	margin: auto;
	padding-top:30px;


}

#menu ul li{
	float:left;
	margin-right:30px;
	color:#FFF;
	font-size:14px;
	letter-spacing:0.15em;
	font-weight:600;
	background-image:url(../images/menuIcon@2x.png);
	background-size: 7px;
	background-repeat:no-repeat;
	background-position:left;
	padding:8px 16px;
	position:relative;
	z-index:9900;


}

#menu ul a:last-child li{
	margin-right:0;

}






#menu ul li p{
	text-align:left;
	padding-top:2px;
	float:left;
}


#menu ul li:hover{
	color:#DDD;
}

.menuEn{
	font-size:10px;
	letter-spacing:0.1em;
	padding-left:6px;
	vertical-align:middle;
	float:left;
}





#linkRecruit{
	float:right;
	color:#FFF;
	font-size:14px;
	letter-spacing:0.15em;
	font-weight:600;
	margin-top:8px;
	border-bottom:solid 1px #FFFFFF;
	margin-right:40px;
	position:relative;
	z-index:9990;
}


#linkRecruit p{
	float:left;
}


#linkRecruit:hover{
	color:#DDD;
}

.recruitEn{
	font-size:10px;
	letter-spacing:0.1em;
	padding-left:6px;
	float:left;
}


#subNav{
	background-color:#FFFFFF;
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
	width:100%;
	height:auto;
}

#menu2{
	width:540px;
	margin:0 auto;

}

#menu2 ul li{
	float:left;
	margin-right:30px;
	color:#2D2C5C;
	font-size:14px;
	letter-spacing:0.15em;
	font-weight:500;
	background-image:url(../images/subMenuIcon@2x.png);
	background-size:7px;
	background-repeat:no-repeat;
	background-position:left;
	padding:8px 16px;
	position:relative;
	z-index:100;
}


#menu2 ul a:last-child li{
	margin-right:0;

}


#menu2 ul li:hover{
	opacity:0.7;
}




#menu2 ul li p{
	text-align:left;
	padding-top:2px;
	float:left;
}





#linkRecruit2{
	float:right;
	color:#2D2C5C;
	font-size:14px;
	letter-spacing:0.15em;
	font-weight:500;
	margin-top:8px;
	border-bottom:solid 1px #2D2C5C;
	margin-right:40px;

}

#linkRecruit2 p{
	float:left;
}



#linkRecruit2:hover{
	opacity:0.7;
}


#subMenuLogo{
	position:absolute;
	top:14px;
	left:40px;
}


#subMenuLogo:hover{
	opacity:0.7;
}


#logoTypo{
	width:100%;
	height:100%;
	text-align:center;
	position:absolute;
	display:none;
}

#logoTypo img{
	display:inline-block;
	position:absolute;
	top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width:auto;
height:70%;
max-height:600px;
}


#slides{
	width:100%;
	height:100%;
	text-align:center;
	position:absolute;
	z-index:500;

}





#slidesInner{
	position:absolute;
	top:0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
height:44%;

max-height:480px;
display:inline-block;

}




#slideLogo{
	position:absolute;
	top:-30%;
	left:0;
	height:60%;
}

#slideWeWish{
	position:absolute;
	top:30%;
	left:0;
	height:20%;
	width:100%;


}

#slideWeWish img{
	float:left;
	height:100%;


}

#slideToBe{
	position:absolute;
	left:0;
	height:20%;
	width:100%;
	top:50%;

}

#slideToBe img{
	float:left;
	height:100%;
}


#slideYour{
	position:absolute;
	left:0;
	height:20%;
	top:70%;
}
#slideBig{
	position:absolute;
	left:0;
	height:20%;
	top:90%;
}

#slideCloset{
	position:absolute;
	left:0;
	height:20%;
	top:110%;
}











.drawer-menu li{
	font-size:13px;
	letter-spacing:0.15em;
	color:#4D5357;
	font-weight:normal;
	text-align:center;
	padding:0;
}
.drawer-nav{
	z-index:1000;
}

.drawer-menu{
	z-index:1000;
}

.drawer{
	z-index:1000;
}

.drawer--left{
	z-index:1000;
}

.now{
	color:#74AAA8;
	font-weight:bold;
}


.drawer-menu li:first-child{

}




#scroll {
	position: absolute;
	bottom: -40px;
	left: 50%;
	z-index: 99999;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-decoration: none;
}

#scroll {
	padding-top: 70px;
}
#scroll span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb 1.5s infinite;
	animation: sdb 1.5s infinite;
	box-sizing: border-box;
}
@-webkit-keyframes sdb {
	0% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: rotate(-45deg) translate(-20px, 20px);
		opacity: 0;
	}
}
@keyframes sdb {
	0% {
		transform: rotate(-45deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: rotate(-45deg) translate(-20px, 20px);
		opacity: 0;
	}
}




/* = topLeed
-------------------------------------------------------------- */

#topLeed{
	background-color:#FFFFFF;
	padding:80px 0;
}


#topLeed h3{
	color:#2D2C5C;
	font-size:16px;
	line-height:35px;
	letter-spacing:0.05em;
	font-weight:normal;
	text-align:center;
}

#topLeed p{
	color:#2D2C5C;
	font-style:italic;
	font-size:26px;
	letter-spacing:0.15em;
	font-weight:normal;
	text-align:center;
	margin-top:64px;
}


.leedLeft{
	opacity:0;
}

.leedRight{
	opacity:0;
}

/* = philosophy
-------------------------------------------------------------- */

#philosophy{
	margin-top:312px;
	padding-top:120px;
}


#thought{
	width:820px;
	margin:0 auto;
}

#thought .text{
	margin-bottom:32px;
}

#flow_thought1{
	position:absolute;
	top:-514px;
}
#flow_thought2{
	position:absolute;
	top:-136px;
	left:-230px;
	z-index:-1;
}
#flow_thought3{
	position:absolute;
	bottom:-171px;
	left:-150px;
}
#flow_thought4{
	position:absolute;
	top:-309px;
	right:-232px;
	z-index:-1;
}




#idea{
	width:820px;
	margin:0 auto;
	margin-top:272px;
	position:relative;
}



#flow_mission1{
	position:absolute;
	top:-236px;
	right:-196px;
	width:390px;
}

#flow_mission1 img{
	width:390px;
}


#flow_mission2{
	position:absolute;
	top:144px;
	left:-190px;
}

#flow_mission4{
	position:absolute;
	bottom:260px;
	right:-190px;
}

#flow_mission3{
	position:absolute;
	bottom:-44px;
	left:-108px;
}

#flow_vision1{
	position:absolute;
	bottom:-198px;
	right:-130px;
	width:360px;
}
#flow_vision1 img{
	width:360px;
}



/* = business
-------------------------------------------------------------- */

#business{
	margin-top:152px;
	padding-top:100px;
}

.leed{
	color:#2D2C5C;
	font-size:21px;
	letter-spacing:0.15em;
	line-height:38px;
	text-align:center;
	margin-bottom:32px;
}

#button{
	text-align:center;
	width:100%;
	margin-bottom:32px;
}
#button a img{
	display:inline;
}

#button a img:hover{
	opacity:0.7;
}



#ourBusiness{
	width:1120px;
	margin:0 auto;
}

#businessOther{
	width:1120px;
	margin:0 auto;
	margin-top:70px;
}

#businessOther li{
	float:left;
	width:340px;
	margin-right:50px;
}

#businessOther li{
	text-align:center;
}

#businessOther li h3{
	color:#2D2C5C;
	font-size:20px;
	letter-spacing:0.15em;
	line-height:35px;
	text-align:center;
	padding:20px 0;
	border-bottom:solid 1px #AB9BAF;
}

#businessOther li:last-child{
	margin-right:0;
}

#businessOther li img{
	display:inline-block;
}


#businessOther li .otherText{
	color:#4C4948;
	font-size:14px;
	line-height:27px;
	font-weight:300;
	letter-spacing:0.1em;
	width:340px;
	text-align:left;
	text-align: justify;
	text-justify: inter-ideograph;
	padding-top:24px;
}


#project{
	margin-top:172px;
	width:720px;
	margin-left:auto;
	margin-right:auto;
}


#flow_project1{
	position:absolute;
	top:60px;
	left:-280px;
}
#flow_project2{
	position:absolute;
	top:-90px;
	right:-160px;
}
#flow_project3{
	position:absolute;
	right:-280px;
	bottom:0;
}



#projectOther{
	width:1120px;
	margin:0 auto;
	margin-top:124px;
}

#projectOther li{
	float:left;
	width:340px;
	margin-right:50px;
}

#projectOther li{
	text-align:center;
}

#projectOther li h3{
	color:#4C4948;
	font-size:20px;
	letter-spacing:0.15em;
	line-height:35px;
	font-weight:normal;
	text-align:center;
	padding:20px 0;
	border-bottom:solid 1px #AB9BAF;
}

#projectOther li:last-child{
	margin-right:0;
}

#projectOther li img{
	display:inline-block;
}


#projectOther li .otherText{
	color:#4C4948;
	font-size:14px;
	line-height:27px;
	font-weight:300;
	letter-spacing:0.1em;
	width:340px;
	text-align:left;
	text-align: justify;
	text-justify: inter-ideograph;
	padding-top:24px;
}


.more{
	color:#2D2C5C;
	padding-top:8px;
	padding-bottom:8px;
	text-align:left;
	font-size:14px;
	letter-spacing:0.1em;
	margin-top:8px;
	font-weight:600;
}

.more a:hover{
	opacity:0.8;
}


.more a{
	color:#2D2C5C;
		font-weight:600;
		background-image:url(../images/svg/arrow.svg);
		background-size:7px auto;
	background-position:left;
	background-repeat:no-repeat;
	padding-left:18px;
	padding-top:8px;
	padding-bottom:8px;
	font-size:14px;
}



/* = fillImages
-------------------------------------------------------------- */
#fillImages{
	width:100%;
	height:auto;
	margin-top:100px;
}

#fillImages img{
	float:left;
	width:25%;
}


/* = aboutUs
-------------------------------------------------------------- */

#aboutUs{
	padding-top:80px;
	padding-bottom:160px;
	background-color:#FFF;

}

.innerWrap{
	width:1120px;
	margin:0 auto;
}

#profile{
	width:510px;
	float:left;
	margin-right:100px;
}


#profile h2{
    color:#4C4948;
	font-size:20px;
	line-height:27px;
	font-weight:500;
	letter-spacing:0.1em;
	text-align:left;
	padding-bottom:8px;
	border-bottom:solid 1px #AB9BAF;
}

#profile table{
	margin-top:32px;
	font-size:13px;
	line-height:27px;
	font-weight:200;
}

#profile table td{
	padding:10px 0;
	 text-align: justify;
	text-justify: inter-ideograph;
}


#profile table th{
	text-align:left;
	 width:100px;
	font-size:13px;
	letter-spacing:0.1em;
	line-height:27px;
	font-weight:200;
}






#history{
	width:510px;
	float:left;
}

#history h2{
    color:#4C4948;
	font-size:20px;
	line-height:27px;
	font-weight:500;
	letter-spacing:0.1em;
	text-align:left;
	padding-bottom:8px;
	border-bottom:solid 1px #AB9BAF;
}


#history table{
	margin-top:32px;
	font-size:13px;
	line-height:27px;
	font-weight:200;
}

#history table td{
	 text-align: justify;
	text-justify: inter-ideograph;

}


#history table th{
	 width:50px;
	 text-align: justify;
	text-justify: inter-ideograph;
	font-size:13px;
	letter-spacing:0.1em;
	line-height:27px;
	font-weight:500;
}

.date{
	font-weight:500;
	width:50px;
	 text-align: justify;
	text-justify: inter-ideograph;
}


/* = footer
-------------------------------------------------------------- */
#footer{
	padding:12px 40px;
}

#footerNav{
	margin-left:40px;
}
#footerNav li{
	float:left;
	margin-right:40px;
}

#footerNav li a:hover{
	opacity:0.7;
}


#copyright{
	float:right;
	font-size:13px;
	letter-spacing:0.1em;
	font-weight:500;
	padding-top:4px;
	margin-right:40px;
}

#footerLogo{
	float:right;
}


#footerLogo:hover{
	opacity:0.7;
}

.toTop{
	position:fixed;
	right:0;
	bottom:0;

}

.toTop:hover{
	opacity:0.6;
}


.toTopFooter{
	float:right;
	clear:both;
	margin-top:-30px;

}

/* = Media (Responsive Setting)
-------------------------------------------------------------- */

@media only screen and (min-width: 1201px){


.PC{
	display:block;
}

.PCminiPC{
	display:block;
}

.miniPC{
	display:none;
}

.miniPCTB{
	display:none;
}


.TB{
	display:none;
}

.TBSP{
	display:none;
}


.SP{
	display:none;
}



} /*Query End*/


@media only screen and (min-width: 993px) and (max-width: 1200px) {

.PC{
	display:none;
}

.PCminiPC{
	display:block;
}

.miniPC{
	display:block;
}

.miniPCTB{
	display:block;
}


.TB{
	display:none;
}

.TBSP{
	display:none;
}


.SP{
	display:none;
}

html{
overflow:auto;
}
body{
overflow: hidden;
min-width:993px;
}

.inner{
overflow: hidden;
min-width:993px;
}


#menu2 ul li::after {
	display:none;
}


/* = philosophy
-------------------------------------------------------------- */

#philosophy{
	margin-top:312px;
	padding-top:120px;
}


#thought{
	width:820px;
	margin:0 auto;
}

#thought .text{
	margin-bottom:32px;
}

#flow_thought1{
	position:absolute;
	top:-514px;
	left:60px;
}
#flow_thought2{
	position:absolute;
	top:-136px;
	left:-80px;
	z-index:-1;
}
#flow_thought3{
	position:absolute;
	bottom:-171px;
	left:-100px;
}
#flow_thought4{
	position:absolute;
	top:-309px;
	right:-232px;
	z-index:-1;
}




#idea{
	width:820px;
	margin:0 auto;
	margin-top:352px;

}

#flow_mission1{
	position:absolute;
	top:-236px;
	right:-156px;
	width:390px;
}

#flow_mission1 img{
	width:390px;
}


#flow_mission2{
	position:absolute;
	top:144px;
	left:-150px;
}

#flow_mission4{
	position:absolute;
	bottom:260px;
	right:-150px;
}

#flow_mission3{
	position:absolute;
	bottom:-44px;
	left:-68px;
}

#flow_vision1{
	position:absolute;
	bottom:-198px;
	right:-90px;
	width:360px;
}
#flow_vision1 img{
	width:360px;
}



/* = business
-------------------------------------------------------------- */

#business{
	margin-top:152px;
	padding-top:120px;
}

.leed{
	color:#2D2C5C;
	font-size:21px;
	letter-spacing:0.15em;
	line-height:38px;
	text-align:center;
	margin-bottom:32px;
}

#ourBusiness{
	width:993px;
	margin:0 auto;
}




#businessOther{
	width:993px;
	margin:0 auto;
	margin-top:70px;
}

#businessOther li{
	float:left;
	width:290px;
	margin-right:30px;
}

#businessOther li:first-child{
	margin-left:30px;
}


#businessOther li{
	text-align:center;
}

#businessOther li h3{
	color:#2D2C5C;
	font-size:20px;
	letter-spacing:0.15em;
	line-height:35px;
	text-align:center;
	padding:20px 0;
	border-bottom:solid 1px #AB9BAF;
}

#businessOther li:last-child{
	margin-right:0;
}

#businessOther li img{
	display:inline-block;
}


#businessOther li .otherText{
	color:#4C4948;
	font-size:14px;
	line-height:27px;
	font-weight:300;
	letter-spacing:0.1em;
	width:290px;
	text-align:left;
	text-align: justify;
	text-justify: inter-ideograph;
	padding-top:24px;
}


#project{
	margin-top:172px;
	width:620px;
	margin-left:auto;
	margin-right:auto;
}


#flow_project1{
	position:absolute;
	top:60px;
	left:-200px;
	z-index:-1;
}
#flow_project2{
	position:absolute;
	top:-90px;
	right:-160px;
}
#flow_project3{
	position:absolute;
	right:-200px;
	bottom:-80px;
}



#projectOther{
	width:993px;
	margin:0 auto;
	margin-top:164px;
}

#projectOther li{
	float:left;
	width:290px;
	margin-right:30px;
}

#projectOther li:first-child{
	margin-left:30px;
}

#projectOther li{
	text-align:center;
}

#projectOther li h3{
	color:#4C4948;
	font-size:20px;
	letter-spacing:0.15em;
	line-height:35px;
	font-weight:normal;
	text-align:center;
	padding:20px 0;
	border-bottom:solid 1px #AB9BAF;
}

#projectOther li:last-child{
	margin-right:0;
}

#projectOther li img{
	display:inline-block;
}


#projectOther li .otherText{
	color:#4C4948;
	font-size:14px;
	line-height:27px;
	font-weight:300;
	letter-spacing:0.1em;
	width:290px;
	text-align:left;
	text-align: justify;
	text-justify: inter-ideograph;
	padding-top:24px;
}



/* = aboutUs
-------------------------------------------------------------- */

#aboutUs{
	padding-top:80px;
	padding-bottom:160px;
	background-color:#FFF;

}

.innerWrap{
	width:993px;
	margin:0 auto;
}

#profile{
	width:436px;
	float:left;
	margin-right:40px;
	margin-left:40px;
}


#profile h2{
    color:#4C4948;
	font-size:20px;
	line-height:27px;
	font-weight:500;
	letter-spacing:0.1em;
	text-align:left;
	padding-bottom:8px;
	border-bottom:solid 1px #AB9BAF;
}

#profile table{
	margin-top:32px;
	font-size:13px;
	line-height:27px;
	font-weight:200;
}

#profile table td{
	padding:10px 0;
	 text-align: justify;
	text-justify: inter-ideograph;
}


#profile table th{
	text-align:left;
	 width:100px;
	font-size:13px;
	letter-spacing:0.1em;
	line-height:27px;
	font-weight:200;
}






#history{
	width:436px;
	float:left;
}

#history h2{
    color:#4C4948;
	font-size:20px;
	line-height:27px;
	font-weight:500;
	letter-spacing:0.1em;
	text-align:left;
	padding-bottom:8px;
	border-bottom:solid 1px #AB9BAF;
}


#history table{
	margin-top:32px;
	font-size:13px;
	line-height:27px;
	font-weight:200;
}

#history table td{
	 text-align: justify;
	text-justify: inter-ideograph;
}


#history table th{
	 width:50px;
	 text-align: justify;
	text-justify: inter-ideograph;
	font-size:13px;
	letter-spacing:0.1em;
	line-height:27px;
	font-weight:500;
}

.date{
	font-weight:500;
	width:50px;
	 text-align: justify;
	text-justify: inter-ideograph;
	text-justify:text-justify;
}




/* = footer
-------------------------------------------------------------- */
#footer{
	padding:12px 40px;
}

#footerNav{
	margin-left:0px;
}
#footerNav li{
	float:left;
	margin-right:20px;
}

#copyright{
	float:right;
	font-size:12px;
	letter-spacing:0.0em;
	font-weight:500;
	padding-top:4px;
	margin-right:40px;
}

#footerLogo{
	float:right;
}


} /*Query End*/

@media only screen and (min-width: 640px) and (max-width: 992px) {

.PC{
	display:none;
}

.PCminiPC{
	display:none;
}

.miniPC{
	display:none;
}

.miniPCTB{
	display:block;
}


.TB{
	display:block;
}

.TBSP{
	display:block;
}


.SP{
	display:none;
}

html{
overflow:auto;
}
body{
overflow: hidden;
min-width:640px;
}

.inner{
overflow: hidden;
min-width:640px;
}


#menu2 ul li::after {
	display:none;
}

#menu2 ul li::after {
	display:none;
}


#logoTypo{
	width:100%;
	height:100%;
	text-align:center;
	position:absolute;
	display:none;
}

#logoTypo img{
	display:inline-block;
	position:absolute;
	top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width:auto;
height:70%;
max-height:600px;
}


#slides{
	width:100%;
	height:100%;
	text-align:center;
	position:absolute;
	z-index:500;

}





#slidesInner{
	position:absolute;
	top:0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
height:44%;

max-height:480px;
display:inline-block;

}




#slideLogo{
	position:absolute;
	top:-30%;
	left:0;
	height:60%;
}

#slideWeWish{
	position:absolute;
	top:30%;
	left:0;
	height:20%;
	width:100%;


}

#slideWeWish img{
	float:left;
	height:100%;


}

#slideToBe{
	position:absolute;
	left:0;
	height:20%;
	width:100%;
	top:50%;

}

#slideToBe img{
	float:left;
	height:100%;
}


#slideYour{
	position:absolute;
	left:0;
	height:20%;
	top:70%;
}
#slideBig{
	position:absolute;
	left:0;
	height:20%;
	top:90%;
}

#slideCloset{
	position:absolute;
	left:0;
	height:20%;
	top:110%;
}








.textBox{
	background-color:#FFF;
	position:relative;
	text-align:center;
	padding:80px 0;
	}

.textBox h3{
	color:#2D2C5C;
	font-size:27px;
	letter-spacing:0.15em;
	text-align:center;
}

.textBox h4{
	color:#2D2C5C;
	font-style:italic;
	font-size:30px;
	letter-spacing:0.1em;
	text-align:center;
}


.textBox h5{
	color:#2D2C5C;
	font-size:20px;
	letter-spacing:0.1em;
	line-height:40px;
	text-align:center;
	margin-top:36px;
	margin-bottom:72px;
}

.textBox .caption{
	color:#2D2C5C;
	font-size:16px;
	letter-spacing:0.15em;
	text-align:center;
	margin-top:8px;
}

.textBox .line{
	margin-top:32px;
	margin-bottom:40px;
	display:inline-block;
}

.textBox .text{
	color:#212144;
	font-weight:200;
	font-size:15px;
	letter-spacing:0.1em;
	line-height:35px;
	text-align:center;
}

#scroll {
	position: absolute;
	bottom:-40px;
	left: 50%;
	z-index: 99999;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-decoration: none;
}


#scroll {
	padding-top: 70px;
}
#scroll span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 18px;
	height: 18px;
	margin-left: -9px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb 1.5s infinite;
	animation: sdb 1.5s infinite;
	box-sizing: border-box;
}




/* = topLeed
-------------------------------------------------------------- */

#topLeed{
	background-color:#FFFFFF;
	padding:80px 0;
}


#topLeed h3{
	color:#2D2C5C;
	font-size:16px;
	line-height:35px;
	letter-spacing:0.1em;
	font-weight:normal;
	text-align:center;
}

#topLeed p{
	color:#2D2C5C;
	font-style:italic;
	font-size:26px;
	letter-spacing:0.15em;
	font-weight:normal;
	text-align:center;
	margin-top:64px;
}





/* = philosophy
-------------------------------------------------------------- */

#philosophy{
	margin-top:392px;
	padding-top:80px;
}


#thought{
	width:620px;
	margin:0 auto;
}

#thought .text{
	margin-bottom:32px;
}

#flow_thought1{
	position:absolute;
	top:-514px;
	left:60px;
}
#flow_thought2{
	position:absolute;
	top:-176px;
	left:-80px;
	z-index:-1;
}
#flow_thought3{
	position:absolute;
	bottom:-171px;
	left:-100px;
}
#flow_thought4{
	position:absolute;
	top:-309px;
	right:-132px;
	z-index:-1;
}

#flow_thought4 img{
	width:320px;
	height:auto;
}




#idea{
	width:620px;
	float:none;
	margin-top:392px;
	margin-right:auto;
	margin-left:auto;
}



#flow_mission1{
	position:absolute;
	top:-236px;
	right:-116px;
	width:390px;
}

#flow_mission1 img{
	width:390px;
}


#flow_mission2{
	position:absolute;
	top:-140px;
	left:-100px;
	z-index:-1;
}

#flow_mission4{
	position:absolute;
	bottom:-300px;
	top:-320px;
	right:-32px;
	display:none;
}

#flow_mission3{
	display:none;
	position:absolute;
	bottom:-44px;
	left:-68px;
}

#flow_vision1{
	position:absolute;
	bottom:-198px;
	right:130px;
	width:360px;
}
#flow_vision1 img{
	width:360px;
}






/* = business
-------------------------------------------------------------- */

#business{
	margin-top:180px;
	padding-top:80px;
}

.leed{
	color:#2D2C5C;
	font-size:21px;
	letter-spacing:0.1em;
	line-height:38px;
	text-align:center;
	margin-bottom:32px;
}

#ourBusiness{
	width:620px;
	margin:0 auto;
}

#ourBusiness .textBox{
	margin-left:40px;
}

#businessTriangle img{
	display:inline-block;
	margin-top:40px;
}

#businessTriangle{
	text-align:center;
}


#businessOther{
	width:620px;
	margin:0 auto;
	margin-top:70px;
}

#businessOther li{
	float:none;
	width:620px;
	margin-right:auto;
	margin-left:auto;
	vertical-align:middle;
}

#businessOther li:nth-child(odd) img{
	float:left;
	width:200px;
	margin-top:40px;
	margin-right:40px;
	display:inline-block;
}


#businessOther li:nth-child(even) img{
	float:right;
	width:200px;
	margin-top:40px;
	margin-left:40px;
	display:inline-block;
}

#businessOther li:first-child{
	margin-left:0px;
}


#businessOther li{
	text-align:center;
	margin-bottom:44px;
}

#businessOther li h3{
	color:#2D2C5C;
	font-size:18px;
	letter-spacing:0.15em;
	line-height:35px;
	text-align:left;
	padding:20px 0;
	border-bottom:solid 1px #AB9BAF;
}

#businessOther li:last-child{
	margin-right:0;
}

#businessOther li img{
	display:inline-block;
}


#businessOther li .otherText{
	color:#4C4948;
	font-size:13px;
	line-height:24px;
	font-weight:300;
	letter-spacing:0.15em;
	width:auto;
	text-align:left;
	text-align: justify;
	text-justify: inter-ideograph;
	padding-top:24px;
}


#businessOther li:nth-child(odd) .otherTextWrap{
	width:380px;
	float:left;
}


#businessOther li:nth-child(even) .otherTextWrap{
	width:380px;
	float:right;
}





#project{
	margin-top:164px;
	width:620px;
	margin-left:auto;
	margin-right:auto;
}


#flow_project1{
	position:absolute;
	top:160px;
	left:-100px;
	z-index:-1;
	display:none;
}
#flow_project2{
	position:absolute;
	top:-80px;
	left:-100px;
	z-index:10;

	right:auto;
}
#flow_project3{
	position:absolute;
	right:-80px;
	bottom:auto;
	top:-140px;
}



#projectOther{
	width:620px;
	margin:0 auto;
	margin-top:64px;
}

#projectOther li{
	float:none;
	width:620px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:44px;
}

#projectOther li:first-child{
	margin-left:0px;
}

#projectOther li{
	text-align:center;
	vertical-align:middle;
}

#projectOther li:nth-child(odd) img{
	float:left;
	width:200px;
	margin-top:40px;
	margin-right:40px;
	display:inline-block;
}


#projectOther li:nth-child(even) img{
	float:right;
	width:200px;
	margin-top:40px;
	margin-left:40px;
	display:inline-block;
}

#projectOther li:nth-child(odd) .otherTextWrap{
	width:380px;
	float:left;
}


#projectOther li:nth-child(even) .otherTextWrap{
	width:380px;
	float:right;
}



#projectOther li h3{
	color:#4C4948;
	font-size:20px;
	letter-spacing:0.15em;
	line-height:35px;
	font-weight:normal;
	text-align:center;
	padding:20px 0;
	border-bottom:solid 1px #AB9BAF;
}

#projectOther li:last-child{
	margin-right:0;
}

#projectOther li img{
	display:inline-block;
}


#projectOther li .otherText{
	color:#4C4948;
	font-size:13px;
	line-height:24px;
	font-weight:300;
	letter-spacing:0.15em;
	width:auto;
	text-align:left;
	text-align: justify;
	text-justify: inter-ideograph;
	padding-top:24px;
}




/* = fillImages
-------------------------------------------------------------- */
#fillImages{
	width:100%;
	height:auto;
	margin-top:40px;
}

#fillImages img{
	float:left;
	width:25%;
}




/* = aboutUs
-------------------------------------------------------------- */

#aboutUs{
	padding-top:80px;
	padding-bottom:160px;
	background-color:#FFF;

}

.innerWrap{
	width:620px;
	margin:0 auto;
}

#profile{
	width:640px;
	float:none;
	margin-right:0px;
	margin-left:0px;
}


#profile h2{
    color:#4C4948;
	font-size:20px;
	line-height:27px;
	font-weight:500;
	letter-spacing:0.1em;
	text-align:left;
	padding-bottom:8px;
	border-bottom:solid 1px #AB9BAF;
}

#profile table{
	margin-top:32px;
	font-size:13px;
	line-height:27px;
	font-weight:200;
}

#profile table td{
	padding:10px 0;
	 text-align: justify;
	text-justify: inter-ideograph;
}


#profile table th{
	text-align:left;
	 width:100px;
	font-size:13px;
	letter-spacing:0.1em;
	line-height:27px;
	font-weight:200;
}






#history{
	width:620px;
	float:none;
	margin-top:80px;
}

#history h2{
    color:#4C4948;
	font-size:20px;
	line-height:27px;
	font-weight:500;
	letter-spacing:0.1em;
	text-align:left;
	padding-bottom:8px;
	border-bottom:solid 1px #AB9BAF;
}


#history table{
	margin-top:32px;
	font-size:13px;
	line-height:27px;
	font-weight:200;
}

#history table td{
	 text-align: justify;
	text-justify: inter-ideograph;
}


#history table th{
	 width:100px;
	 text-align: justify;
	text-justify: inter-ideograph;
	font-size:13px;
	letter-spacing:0.1em;
	line-height:27px;
	font-weight:500;
}

.date{
	font-weight:500;
	width:50px;
	 text-align: justify;
	text-justify: inter-ideograph;
}



/* = footer
-------------------------------------------------------------- */
#footer{
	padding:24px 40px;
}

#footerNav{
	width:420px;
	margin-left:auto;
	margin-right:auto;



}#footerNav li{
	float:left;
	margin-right:40px;
}
#footerNav li:last-child{
	margin-right:0;
}

#copyright{
	float:none;
	font-size:12px;
	letter-spacing:0.0em;
	font-weight:500;
	padding-top:4px;
	margin-right:0px;
	text-align:center;
}

#footerLogo{
	float:none;
	width:116px;
	margin:24px auto;
}




} /*Query End*/


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


.PC{
	display:none;
}

.PCminiPC{
	display:none;
}

.miniPC{
	display:none;
}

.miniPCTB{
	display:none;
}


.TB{
	display:none;
}

.TBSP{
	display:block;
}


.SP{
	display:block;
}


html{
overflow:auto;
}
body{
overflow: hidden;
max-width:640px;
}


.inner{
overflow: hidden;
max-width:640px;
}

#logoTypo{
	width:100%;
	height:100%;
	text-align:center;
	position:absolute;
	display:none;
}

#logoTypo img{
	display:inline-block;
	position:absolute;
	top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width:auto;
height:70%;
max-height:600px;
}


#slides{
	width:100%;
	height:100%;
	text-align:center;
	position:absolute;
	z-index:500;

}





#slidesInner{
	position:absolute;
	top:0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
height:39%;

max-height:480px;
display:inline-block;

}




#slideLogo{
	position:absolute;
	top:-30%;
	left:0;
	height:60%;
}

#slideWeWish{
	position:absolute;
	top:30%;
	left:0;
	height:20%;
	width:100%;


}

#slideWeWish img{
	float:left;
	height:100%;


}

#slideToBe{
	position:absolute;
	left:0;
	height:20%;
	width:100%;
	top:50%;

}

#slideToBe img{
	float:left;
	height:100%;
}


#slideYour{
	position:absolute;
	left:0;
	height:20%;
	top:70%;
}
#slideBig{
	position:absolute;
	left:0;
	height:20%;
	top:90%;
}

#slideCloset{
	position:absolute;
	left:0;
	height:20%;
	top:110%;
}





.title{

	text-align:center;
}

.title h2{
	color:#2D2C5C;
	font-size:30px;
	font-weight:200;
	letter-spacing:0.3em;
	text-align:center;
}
.title p{
	color:#2D2C5C;
	font-size:14px;
	font-weight:normal;
	letter-spacing:0.15em;
	text-align:center;
	margin:8px 0;
}
.title img{
	display:inline-block;
	margin-top:16px;
	margin-bottom:20px;
	text-align:center;
}



.textBox{
	background-color:#FFF;
	position:relative;
	text-align:center;
	padding:44px 0;
	}

.textBox h3{
	color:#2D2C5C;
	font-size:21px;
	letter-spacing:0.15em;
	text-align:center;
}

.textBox h4{
	color:#2D2C5C;
	font-style:italic;
	font-size:18px;
	letter-spacing:0.1em;
	text-align:center;
}


.textBox h5{
	color:#2D2C5C;
	font-size:16px;
	letter-spacing:0.1em;
	line-height:28px;
	text-align:center;
	margin-top:36px;
	margin-bottom:32px;
}

.textBox .caption{
	color:#2D2C5C;
	font-size:12px;
	letter-spacing:0.15em;
	text-align:center;
	margin-top:8px;
}

.textBox .line{
	margin-top:32px;
	margin-bottom:40px;
	display:inline-block;
}

.textBox .text{
	color:#212144;
	font-weight:200;
	font-size:12px;
	letter-spacing:0.05em;
	line-height:24px;
	text-align:center;
}

#scroll {
	position: absolute;
	bottom: -40px;
	left: 50%;
	z-index: 99999;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-decoration: none;
}


#scroll {
	padding-top: 70px;
}
#scroll span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 18px;
	height: 18px;
	margin-left: -9px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb 1.5s infinite;
	animation: sdb 1.5s infinite;
	box-sizing: border-box;
}

/* = topLeed
-------------------------------------------------------------- */

#topLeed{
	background-color:#FFFFFF;
	padding:48px 16px;
}


#topLeed h3{
	color:#2D2C5C;
	font-size:13px;
	line-height:27px;
	letter-spacing:0.03em;
	font-weight:normal;
	text-align:center;
}

#topLeed p{
	color:#2D2C5C;
	font-style:italic;
	font-size:18px;
	line-height:38px;
	letter-spacing:0.01em;
	font-weight:normal;
	text-align:center;
	margin-top:20px;
}





/* = philosophy
-------------------------------------------------------------- */

#philosophy{
	padding-top:32px;
	margin-top:0;
}


#SPimage1{
	width:100%;
	height:auto;
}
#SPimage1 img{
	width:100%;
}

#SPimage2{
	width:100%;
	height:300px;
}

#SPimage2 li{
	float:left;
	width:50%;
	height:150px;
}

#spirit1{
	background-image:url(../images/flow_mission1@2x.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
#spirit2{
	background-image:url(../images/flow_mission2@2x.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
#spirit3{
	background-image:url(../images/flow_mission3@2x.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
#spirit4{
	background-image:url(../images/flow_mission4@2x.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}


#SPimage4{
	width:100%;
	height:300px;
}

#SPimage4 li{
	float:left;
	width:50%;
	height:150px;
}

#spirit5{
	background-image:url(../images/flow_thought1@2x.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-size:cover;
}
#spirit6{
	background-image:url(../images/flow_thought2@2x.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-size:cover;
}
#spirit7{
	background-image:url(../images/flow_thought3@2x.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
#spirit8{
	background-image:url(../images/flow_vision2@2x.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}






#SPimage3{
	width:100%;
	height:auto;
}
#SPimage3 img{
	width:100%;
}


#thought{
	width:auto;
	padding:44px 16px;
	margin:auto;
}

#thought .text{
	margin-bottom:28px;
}

#flow_thought1{
	position:absolute;
	top:-514px;
	left:60px;
	display:none;
}
#flow_thought2{
	position:absolute;
	top:-176px;
	left:-80px;
	z-index:-1;
	display:none;
}
#flow_thought3{
	position:absolute;
	bottom:-171px;
	left:-100px;
	display:none;
}
#flow_thought4{
	position:absolute;
	top:-309px;
	right:-132px;
	z-index:-1;
	display:none;
}

#flow_thought4 img{
	width:320px;
	height:auto;
}




#idea{
	width:auto;
	float:none;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	padding:44px 16px;
}



#flow_mission1{
	position:absolute;
	top:-236px;
	right:-116px;
	width:390px;
	display:none;
}

#flow_mission1 img{
	width:390px;
}


#flow_mission2{
	position:absolute;
	top:-140px;
	left:-100px;
	z-index:-1;
	display:none;
}

#flow_mission4{
	position:absolute;
	bottom:-300px;
	top:-320px;
	right:-32px;
	display:none;
}

#flow_mission3{
	display:none;
	position:absolute;
	bottom:-44px;
	left:-68px;
}

#flow_vision1{
	position:absolute;
	bottom:-198px;
	right:130px;
	width:360px;
	display:none;
}
#flow_vision1 img{
	width:360px;
}


/* = business
-------------------------------------------------------------- */





#business{
	padding-top:32px;
	margin-top:0
}

.leed{
	color:#2D2C5C;
	font-size:14px;
	letter-spacing:0.01em;
	line-height:24px;
	text-align:center;
	margin-bottom:16px;
	padding:0 16px;
}

#button{
	margin-bottom:16px;
}


#button a img{
	width:240px;
}

#ourBusiness{
	width:auto;
	margin:0 auto;
	padding:44px 16px;
}

#ourBusiness .textBox{
	margin-left:auto;
}

#businessTriangle img{
	display:inline-block;
	margin-top:40px;
	width:96%;
}

#businessTriangle{
	text-align:center;
	display:none;
}


#businessOther{
	width:auto;
	margin:0 auto;
	margin-top:0;
	padding:44px 16px;
}

#businessOther li{
	float:none;
	width:auto;
	margin-right:auto;
	margin-left:auto;
	padding:0px 16px;
}

#businessOther li:first-child{
	margin-left:0px;
}


#businessOther li{
	text-align:center;
	margin-bottom:44px;
}

.businessIcon{
	width:250px;
	margin:0 auto;
	position:relative;
	margin-top:60px;
}

.businessIcon img{
	position:absolute;
	width:84px;
	right:-20px;
	top:-40px;

}

#businessOther li h3{
	color:#2D2C5C;
	font-size:15.5px;
	letter-spacing:0.03em;
	line-height:28px;
	text-align:center;
	padding:14px 0;
	border-bottom:solid 1px #AB9BAF;
}

#businessOther li:last-child{
	margin-right:0;
}

#businessOther li img{
	display:inline-block;
}


#businessOther li .otherText{
	color:#4C4948;
	font-size:12px;
	line-height:24px;
	font-weight:300;
	letter-spacing:0.1em;
	width:auto;
	text-align:left;
	text-align: justify;
	text-justify: inter-ideograph;
	padding-top:24px;
}






#SPimage5{
	width:100%;
	height:150px;
}

#SPimage5 li{
	float:left;
	width:33%;
	height:150px;
}

#project1{
	background-image:url(../images/flow_project1@2x.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
#project2{
	background-image:url(../images/flow_project2@2x.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
#project3{
	background-image:url(../images/flow_project3@2x.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}



#project{
	margin-top:0px;
	width:auto;
	margin-left:auto;
	margin-right:auto;
	padding:44px 16px;
}


#flow_project1{
	position:absolute;
	top:160px;
	left:-100px;
	z-index:-1;
	display:none;
}
#flow_project2{
	position:absolute;
	top:-80px;
	left:-100px;
	z-index:10;
display:none;
	right:auto;
}
#flow_project3{
	position:absolute;
	right:-80px;
	bottom:auto;
	top:-140px;
	display:none;
}



#projectOther{
	width:auto;
	margin:0 auto;
	margin-top:0px;
	padding:44px 16px;
}

#projectOther li{
	float:none;
	width:auto;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:44px;
	padding:0 16px;
}

#projectOther li:first-child{
	margin-left:0px;
}

#projectOther li{
	text-align:center;
}

#projectOther li h3{
	color:#4C4948;
	font-size:18px;
	letter-spacing:0.1em;
	line-height:28px;
	font-weight:normal;
	text-align:center;
	padding:20px 0;
	border-bottom:solid 1px #AB9BAF;
}

#projectOther li:last-child{
	margin-right:0;
}

#projectOther li img{
	display:inline-block;
}


#projectOther li .otherText{
	color:#4C4948;
	font-size:12px;
	line-height:24px;
	font-weight:300;
	letter-spacing:0.1em;
	width:auto;
	text-align:left;
	text-align: justify;
	text-justify: inter-ideograph;
	padding-top:24px;
}





/* = fillImages
-------------------------------------------------------------- */
#fillImages{
	width:100%;
	height:auto;
	margin-top:0px;
}

#fillImages img{
	float:left;
	width:50%;
}




/* = aboutUs
-------------------------------------------------------------- */

#aboutUs{
	padding-top:32px;
	padding-bottom:56px;
	background-color:#FFF;

}

.innerWrap{
	width:auto;
	margin:0 auto;
	padding:0px 16px;
}

#profile{
	width:auto;
	float:none;
	margin-right:0px;
	margin-left:0px;
	padding:0px 16px;
}


#profile h2{
    color:#4C4948;
	font-size:20px;
	line-height:27px;
	font-weight:500;
	letter-spacing:0.1em;
	text-align:center;
	padding-bottom:8px;
	border-bottom:solid 1px #AB9BAF;
}

#profile table{
	margin-top:32px;
	font-size:11px;
	line-height:20px;
	font-weight:200;
}

#profile table td{
	padding:10px 0;
	 text-align: justify;
	text-justify: inter-ideograph;
}


#profile table th{
	text-align:left;
	 width:80px;
	font-size:11px;
	letter-spacing:0.1em;
	line-height:20px;
	font-weight:200;
}






#history{
	width:auto;
	float:none;
	margin-top:44px;
	padding:0 16px;
}

#history h2{
    color:#4C4948;
	font-size:20px;
	line-height:27px;
	font-weight:500;
	letter-spacing:0.1em;
	text-align:center;
	padding-bottom:8px;
	border-bottom:solid 1px #AB9BAF;
}


#history table{
	margin-top:32px;
	font-size:11px;
	line-height:20px;
	font-weight:200;
	padding:0 16px;
}

#history table td{
	 text-align: justify;
	text-justify: inter-ideograph;
}


#history table th{
	 width:40px;
	 text-align: justify;
	text-justify: inter-ideograph;
	font-size:11px;
	letter-spacing:0.1em;
	line-height:20px;
	font-weight:500;
}

.date{
	font-weight:500;
	width:40px;
	 text-align: justify;
	text-justify: inter-ideograph;
}



/* = footer
-------------------------------------------------------------- */
#footer{
	padding:24px 8px;
	position:relative;
}

#footerNav{
	width:304px;
	margin-left:auto;
	margin-right:auto;

}

#footerNav li img{
	display:inline-block;
}

#footerNav li{
	float:none; text-align:center; margin:0 auto 10px;
}
#footerNav li:last-child{
	margin-bottom:0;
}


#copyright{
	float:none;
	font-size:10px;
	letter-spacing:0.0em;
	font-weight:500;
	padding-top:4px;
	margin-right:0px;
	text-align:center;
}

#footerLogo{
	float:none;
	width:116px;
	margin:8px auto;
}



} /*Query End*/

.pure-drawer ul li p.bold{
	font-weight: 700;
}