@charset "utf-8";
/* -----------------------------------
   COMMON
----------------------------------- */
#pageTop header h1, #pageTop header h2 {
	margin-bottom: 0;
}

#container {
	/* width: 200%; */
}
#container #lNav {
	display: block;
}

#lightContent {
	/* width: 50%; */
	box-sizing: border-box;
}

#lightContent section h2 {
	margin-top: -15px;
}

#lightContent section h2 img {
	width: 120px;
	height: auto;
}

#lightContent .toHead {
	width: 75px;
	height: 75px;
	bottom: 50px;
}
#lightContent .toHead a span {
	display: none;
}
#lightContent .toHead a:before {
	padding-top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 350%;
	width: 100%;
	height: 100%;
}

/* COMMON ------------------------- */

/* -----------------------------------
   HEADER
----------------------------------- */
#lightContent header h1 {
	margin: 0 0 0 5%;
	padding-top: 30px;
	width: auto;
}
#lightContent header h1 img {
	max-width: 90%;
	height: auto;
}
#lightContent header p {
	margin: 0;
	padding-top: 0;
	position: absolute;
	left: 5%;
	bottom: 45px;
}
/* HEADER ------------------------- */

/* -----------------------------------
   LEAD
----------------------------------- */
#lightLead p:first-child {
	text-align: left;
}
#lightLead ul {
	width: 100%;
	display: block;
	text-align: center;
	letter-spacing: -.4em;
}
#lightLead ul li {
	display: inline-block;
	padding: 2px;
	letter-spacing: normal;
}
#lightLead ul + p {
	padding-top: 10px;
}
/* LEAD --------------------------- */

/* -----------------------------------
   PROFILE
----------------------------------- */
#corporateProfile ul {
	padding: 0 10px;
}

#corporateProfile li:nth-child(1):after {
	left: 13%;
	width: 24%;
}
#corporateProfile li:nth-child(2):after {
	width: 18%;
}
#corporateProfile li:nth-child(3):after {
	left: 39%;
	width: 13%;
}
#corporateProfile li:nth-child(4):after {
	background-position: 0 100%;
	left: 70%;
	width: 7%;
	top: 26%;
}
#corporateProfile li:nth-child(5):after {
	left: 51%;
	width: 12%;
	top: 42%;
}
#corporateProfile li:nth-child(6):after {
	left: 36%;
	width: 28%;
}


/* PROFILE ------------------------ */

/* -----------------------------------
   ITEM
----------------------------------- */
#item h3 {
	padding-top: 90%;
	height: auto;
	display: block;
}
#item h3 img {
	position: absolute;
	top: 40%;
	left: 30%;
	width: 40%;
	height: auto;
}
#item ul {
	padding-top: 90%;
	top: 130px;
	height: auto;
}

/* ITEM --------------------------- */

/* -----------------------------------
   ENVIRONMENT
----------------------------------- */
#environment ul {
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: auto;
}

#environment ul li {
	margin: 0 2%;
	padding: 20px 0;
	width: 40%;
}
/* -----------------------------------
   AWARDS
----------------------------------- */
#awards h3 {
	padding: 10px;
}

#awards h3 img {
	width: auto;
	height: 24px;
}

#awards h3 + p {
	padding: 0 10px 10px;
}

#awards p + ul li p {
	padding-top: 5px;
	font-size: 90%;
}

#awards ul + ul li {
	padding-bottom: 20px;
	display: block;
	text-align: center;
}

#awards ul + ul li img {
	display: inline;
}

#awards ul + ul li div {
	padding: 5px 0 0 0;
	font-size: 90%;
	display: block;
	text-align: center;
}

#awards #awardsSyomeisyo ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#awards #awardsSyomeisyo ul li {
	min-width: 50%;
}

#awards #awardsSyomeisyo ul li p {
	padding-top: 5px;
	padding-bottom: 15px;
}

/* AWARDS -------------------------- */
/* -----------------------------------
   EXAMPLES
----------------------------------- */
#examples ul li {
	width: 50%;
}