html{
	font-size: 62.5%; /* 10px */
}
body{
	font-family: 'Open Sans',"Hiragino Sans","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Noto Sans JP",Meiryo,"Meiryo UI","メイリオ",sans-serif;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.6;
	min-width: 320px;
	color: #202020;
	background: #FFF;
}

.sp{ display: block; }
.pc{ display: none; }

/* */
.effect img{
	transition: .8s;
}

/* .fadeInUp{
	-webkit-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	visibility: visible !important;
}
@-webkit-keyframes fadeInUp{
	0%{
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
	100%{
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
@keyframes fadeInUp{
	0%{
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
	}
	100%{
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
} */

h1, h2, h3, h4, h5, h6{
	font-size: 100%;
	font-weight: normal;
	padding: 0;
	margin: 0;
}
ul, li, ol{
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
em{ font-style: normal; }
dl{
	margin: 0;
	padding: 0;
}
p{
	margin: 0;
	padding: 0;
}
img:not(.aaaa){
	max-width: 100%;
	vertical-align: top;
}

a{
	color: #2080ff;
	text-decoration: none;
	transition: 0.4s;
}
/*a:visited{ color: #4900c1; text-decoration: none; }*/
a:hover, a:active, a:focus{
	color: #ff2080;
	text-decoration: none;
	transition: 0.4s;
}
a:hover img, a:active img, a:focus img{
	transition: 0.4s;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/* ボタン外部（チケット購入など） */
a[target="_blank"] p:after{
	content: "\f08e";
	font-family: 'FontAwesome';
	vertical-align: middle;
	display: inline-block;
	padding: 0 0 0 4px;
}

/* text decoration */
.sat{ color: #006cff; }
.sun{ color: #ff007e; }
.bold{ font-weight: bold; }
.white{ color: #FFF; }
.red{ color: #d70b49; }
.pink{ color: #ff3d9d; }
.blue{ color: #0752b9; }
.yellow{ color: #ffd900; }
.green{ color: #00a226; }
.tline{ text-decoration: line-through; }
.uline{ text-decoration: underline; }

.size08{ font-size: 0.8rem; }
.size09{ font-size: 0.9rem; }
.size11{ font-size: 1.1rem; }
.size12{ font-size: 1.2rem; }
.size14{ font-size: 1.4rem; }
.size16{ font-size: 1.6rem; }
.size18{ font-size: 1.8rem; }
.size20{ font-size: 2.0rem; }
.size22{ font-size: 2.2rem; }
.size24{ font-size: 2.4rem; }

.size80p{ font-size: 80%; }
.size90p{ font-size: 90%; }
.size110p{ font-size: 110%; }
.size120p{ font-size: 120%; }
.size140p{ font-size: 140%; }
.size160p{ font-size: 160%; }
.size180p{ font-size: 180%; }
.size200p{ font-size: 200%; }
.size220p{ font-size: 220%; }
.size240p{ font-size: 240%; }


.fl-left{ float: left; }
.fl-right{ float: right; }

/* GoogleMap */
.gmap{
	position: relative;
	width: calc(100% - 2px);
	border: solid 1px #E9E9E9;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	margin: 8px 0 0;
}
.gmap iframe{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}




/* /basic+ */
div#wrapper{
}

/* #loader-bg{
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #c4edff;
	z-index: 1;
}
	#loader{
		display: none;
		position: fixed;
		width: 200px;
		height: 180px;
		top: 50%;
		left: 50%;
		margin-top: -100px;
		margin-left: -90px;
		text-align: center;
		color: #fff;
		z-index: 2;
	} */
div#ctv_tab{}

div#container{
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	padding: 0;
}
header{
	width: 100%;
	margin: 0 auto;
	text-align: left;
}



section{
	width: 100%;
	margin: 0 auto;
	padding: 6vw 0 12vw;
	overflow: hidden;
	clear: both;
	box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.08);
}
	section:nth-child(2n+1){
		background: #fffef3;
	}
	div.sec-inner{
		width: 94%;
		margin: 0 auto;
		text-align: left;
	}

		div.sec-cont{
			margin: 6vw auto 1.8vw;
		}
			div.sec-img{}
			div.sec-txt{}
			div.sec-txt p{
				line-height: 1.64;
				margin: 0;
				margin: 6vw auto 1.8vw;
			}


	section#outline{
		background: url(../img/heart.png);
		background-repeat: no-repeat;
		background-size: 42vw;
		background-position: 50% 2vw;
		animation: animate 2s linear;
	}
		@keyframes animate{
			0%{
				opacity: 0;
			}
			100%{
				opacity: 1;
			}
		}

	h1{
		text-align: center;
		font-size: 8vw;
		line-height: 2.2;
		font-weight: bold;

		/* text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF,
		-1px 1px 0 #FFF,  1px -1px 0 #FFF,
		1px 0 0 #FFF, -1px  0 0 #FFF,
		0 1px 0 #FFF,  0 -1px 0 #FFF; */
	}
	h2{
		text-align: center;
		font-size: 5.4vw;
		line-height: 2;
		font-weight: bold;

		color: transparent;
		background: linear-gradient(0deg, #ea046f 0%, #ff55cc 100%);
		  background-clip: border-box;
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
	}
		h2 span{
			font-size: 4vw;
		}

		div.about{
		width: 100%;
		margin: 16px auto;
		padding: 0;
		overflow: hidden;
	}
		div.about p{
			width: 90%;
			margin: 4px auto;
			background: #fff6fd;
			border: #DDD 1px solid;
			border-radius: 4px;
			padding: 12px 14px;
			font-size: 1.6rem;
			line-height: 1.6;
			text-align: left;
		}
		div.about ul{
			width: 96%;
			margin: 40px auto 0;
			padding: 0;
			text-align: left;
		}
			div.about ul li{
				color: #dd2a75;
				margin-left: 3.2rem;
				font-size: 1.6rem;
				padding: 0 0 24px;
				text-indent: -3.2rem;
				line-height: 1.4;
			}


	h3{
		color: #23a560;
		/* color: transparent;
		background: linear-gradient(90deg, #32aa69 0%, #91cd3c 100%);
		  background-clip: border-box;
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent; */

		text-align: center;
		font-size: 5.2vw;
		letter-spacing: 0.02rem;
		line-height: 2.6;
		font-weight: bold;
		position: relative;


		background: url(../img/heart.png);
		background-repeat: no-repeat;
		background-size: 4.2vw;
		background-position: 50% -0.15vw;
	}
		h3::after{
		content: '';
		background: #7DBD30;
		width: 2.4em;
		height: 5px;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		}

	h4{
		text-align: center;
		font-size: 4.0vw;
		line-height: 1.8;
		font-weight: bold;
	}
	section p{
		margin: 6vw auto 1.8vw;
		line-height: 1.64;
	}



	/* 体制 */
	section#organization{
	}
		section#organization p{
			font-size: 1.64rem;
		}
		section#organization img{
			margin: 2.6vw auto 0;
		}


	/* KPI */
	section#kpi{
	}
		section#kpi h3{
			font-size: 5.2vw;
			line-height: 1.4;

			background: none;
		}
			section#kpi h3::after{
				display: none;
			}

		section#kpi h4{
			font-size: 4.4vw;
			line-height: 2.2;
			color: #dd2a75;
		}
		section#kpi p{
			width: 98%;
			margin: 0 auto 0;
			text-align: right;
			font-size: 1.2rem;
		}

		section#kpi ul{
			width: 100%;
			margin: 4px auto -1%;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}
		section#kpi ul li{
			width: 31.3%;
			margin: 0 1% 2%;
		}
		section#kpi ul li img{
			border: #74d8c0 solid 1px;
			border-radius: 4px;
		}


	/* 取り組み */
	section#attempt{
	}
		section#attempt h3{
			/* background: none; */
		}
		section#attempt h3::after{
			/* display: none; */
		}
		section#attempt img{
			margin: 3vw auto 0;
		}
		section#attempt p{
			margin: 2vw auto 0;
		}



		div.img-attempt{
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			margin: 0 auto;
		}
			img.attempt01{ width: 23.46%; height: 23.46%; }
			img.attempt03{ width: 26.79%; height: 26.79%; }
			#wrap{
				width: 49.75%;
			}
				#wrap2{
					width: 100%;
					overflow: hidden;
				}
				#wrap2 img{ width: 0; max-width: none; }
				#wrap2.is-show{
					white-space: nowrap;
					overflow: hidden;
				}
					#wrap2.is-show img{
						width: 100%;
					}

			.box{
				width: 100%;
				overflow: hidden;
			}
			.box .boxInner{
				width: inherit;
				height: inherit;
				opacity: 0;
			}
			.isPlay{
				position: relative;
				opacity: 1 !important;
			}
			.isPlay:before{
				animation-name: maskout;
				animation-duration: 1.5s;
				animation-delay: 1s;
				animation-fill-mode: forwards;
				animation-timing-function: linear;
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				z-index: 1;
				width: 100%;
				height: 100%;
				background-image: linear-gradient( 0deg,  #fffef3 0%, #fffef3 100% );
			}
			@keyframes maskout{
				from{ transform: translateX(0); }
				  to{ transform: translateX(100%); }
			}







	/* 計画 */
	section#plan{
	}
		section#plan h3{
			line-height: 1.4;
			background: none;
		}
			section#plan h3::after{
				display: none;
			}

		/* div.scroll-box{
			overflow-x: auto;
			padding-bottom: 10px;
			-webkit-overflow-scrolling: touch;
		}
		div.scroll-t p{
			margin: 0;
			text-align: right;
		} */

			/* .scroll-box::-webkit-scrollbar{
				height: 4px;
			}
			.scroll-box::-webkit-scrollbar-track{
				background: #eee;
			}
			.scroll-box::-webkit-scrollbar-thumb{
				background: #aaa;
				border: none;
			}
			.scroll-box::-webkit-scrollbar-thumb:hover{
				background: #999;
			} */

		section#plan img{
			/* max-width: 140%; */
			margin: 4vw auto 0;
		}


	/* 拡充 */
	section#expansion{
	}
		section#expansion h2{
			font-size: 5.4vw;
			margin: -2vw auto 3vw;
		}
		section#expansion ul{
			padding: 10px 8px 0;
			background: #FFF;
			border: #DDD 1px solid;
			border-radius: 4px;
		}
			section#expansion ul li{
				margin-left: 1.4rem;
				font-size: 1.4rem;
				padding: 0 0 12px;
				text-indent: -1.4rem;
				line-height: 1.4;
			}


	/* 予防事業 */
	section#prevention{}
		section#prevention img.tamura,
		img.lifestyle{
			display: block;
			width: 65%;
			margin: 0 auto;
			/* border: #DDD 1px solid;
			border-radius: 4px; */
		}


	/* メンタルヘルス対策 */
	section#mental{}
		section#mental .img-hr{
			margin: 6vw auto 0;
			display: flex;
			flex-wrap: wrap;
		}
		section#mental .img-hr img{
			display: block;
			width: 40%;
			margin: 0 auto;
			border: #DDD 1px solid;
			border-radius: 4px;
		}


	/* 働き方の改善 */
	section#improvement{}


	/* 女性の健康課題への対応 */
	section#woman{}


	/* 感染症対策 */
	section#infection{}


	/* 禁煙率 */
	section#nosmoking{}
























	div.btn-box{
		display: flex;
		flex-wrap: wrap;
		width: 98%;
		margin: 0 auto 32px;
	}
	a.btn-link1,
	a.btn-link2{
		text-align: center;
		display: block;
		background: #3f94f7;
		color: #FFF;
		/* border: #0872ff 1px solid; */
		padding: 10px 16px;
		margin: 24px auto 20px;
		width: calc(70% - 22px);
		border-radius: 36px;
		transition: 0.4s;
		box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.25);
		font-size: 1.6rem;
	}
	a.btn-link2{
		font-size: 1.8rem;
		padding: 10px 36px;
		width: auto;
	}
	a.btn-link1:hover,
	a.btn-link2:hover{
		/* color: #101010; */
		background: #ff2080;
	}
		a.btn-link1 span,
		a.btn-link2 span{
			font-size: 1.28rem;
		}

	a.btn-link1::before,
	a.btn-link2::before{
		content:"\f138";
		font-family: 'FontAwesome';
		vertical-align: middle;
		display: inline-block;
		padding: 0 6px 2px 0px;
		/* color: #FFF; */
	}
	a.btn-link2::before{
		content:"\f13a";
		font-family: 'FontAwesome';
	}

	a.btn-link{
		text-align: center;
		display: block;
		background: #ff4080;
		color: #FFF;
		/* border: #0872ff 1px solid; */
		padding: 8px 16px;
		margin: 8px auto 6px;
		max-width: 60%;
		border-radius: 36px;
		transition: 0.4s;
		box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.25);
		font-size: 1.64rem;
		font-weight: bold;
	}
	a.btn-link:hover{
		color: #252525;
		background: #F9D000;
		box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
	}
		a.btn-link span{
			font-size: 1.28rem;
		}
	a.btn-link::before{
		content:"\f138";
		font-family: 'FontAwesome';
		vertical-align: middle;
		display: inline-block;
		padding: 0 4px 2px 0px;
	}


.sns-twitter{
	margin: 0 auto 40px;
}
.r-1q9bdsx{
	border-radius: 12px !important;
}

.sns-contain{
	/* background: #ddf3ff; */
	overflow: hidden;
}
.sns-archive{
	margin: 10px auto 48px !important;
	background-color: rgba(255, 255, 255, 0) !important;
}
.snstitle{
	color: #000;
	text-shadow:
		#FFF 1px 1px 0, #FFF -1px -1px 0,
		#FFF -1px 1px 0, #FFF 1px -1px 0,
		#FFF 0px 1px 0, #FFF 0 -1px 0,
		#FFF -1px 0 0, #FFF 1px 0 0;
}
.sns ul{
	display: block !important;
}
.sns ul li a{
}


#foot-link{
	background: #F9F9F9;
	padding: 16px 0;
}
	#foot-link img.foot-logo{
		margin: 0px auto 2px;
		width: 20%;
	}



/* Page Top
=================================== */
#page-top{ position: fixed; bottom: 4px; right: 4px; font-size: 88%; z-index: 20; }
#page-top a{
	display: block;
	background: url(../img/to_top.png) center top no-repeat;
	background-size: contain;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
}
#page-top a:hover{
	background: url(../img/to_top.png) center top no-repeat;
	/* background: url(../img/to_top_on.png) center top no-repeat; */
	background-size: contain;
	opacity: 0.5;
}


footer{
	width: 100%;
	text-align: center;
	font-size: 0.9em;
	line-height: 1.4;
	/* border-top: 4px solid #e62e8b; */
	background: #FFF;
	padding: 0 0 0 0;
}
footer div{
	width: 100%;
	margin: 0 auto;
}
footer p{
	clear: both;
}





/*
======================================================================================================================================================================================================== */
@media screen and (min-width: 375px){
}
@media screen and (min-width: 534px){
}
@media screen and (min-width: 640px){
}










/* PC
==================================================================================================== */
@media screen and (min-width: 960px){
	html{}

	.sp{ display: none; }
	.pc{ display: block; }

	/* GoogleMap */
	.gmap{
		width: 960px;
		padding-bottom: 38%;
		margin: 12px auto 0;
	}

	body{
		/* background: #e394a1 url(../img/h-bg.png) center top no-repeat; */
		background-size: auto;
	}

	@keyframes fadeIn{
		0%{ opacity: 0; }
		100%{ opacity: 1; }
	}
	@-webkit-keyframes fadeIn{
		0%{ opacity: 0; }
		100%{ opacity: 1; }
	}

	div#wrapper{}
	div#ctv_tab{}
	div#container{
		max-width: 100%;
		margin: 0 auto;
		padding: 0;
	}
	header{
		width: 100%;
		margin: 0 auto;
		text-align: left;
	}



	section{
		padding: 60px 0 100px;
		box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.08);
	}
		section:nth-child(2n){
		}
		div.sec-inner{
			width: 1024px;
			margin: 0 auto;
			text-align: left;
		}

			div.sec-cont{
				display: flex;
				flex-wrap: wrap;
				margin: 64px auto 16px;
			}
				div.sec-img{
					width: 40%;
				}
				div.sec-txt{
					width: 60%;
				}
				div.sec-txt p{
					font-size: 1.8rem;
					line-height: 1.88;
					margin: 0;
				  }
		
	
		section#outline{
			background: url(../img/heart.png);
			background-repeat: no-repeat;
			background-size: 368px;
			background-position: 50% 20px;

			padding: 72px 0 100px;
		}
	
		h1{
			font-size: 7.2rem;
			line-height: 2.2;
		}
		h2{
			font-size: 4.8rem;
			line-height: 2;
		}
			h2 span{
				font-size: 4.0rem;
			}
	
		div.about{
			width: 100%;
			margin: 16px auto;
			padding: 0;
			overflow: hidden;
		}
			div.about p{
				width: 90%;
				border: #DDD 1px solid;
				border-radius: 4px;
				padding: 20px 24px;
				font-size: 2.4rem;
				line-height: 1.8;
				text-align: center;
			}
			div.about ul{
				width: 90%;
				width: fit-content;
				margin: 64px auto 0;
				padding: 0;
			}
				div.about ul li{
					color: #dd2a75;
					margin-left: 4.4rem;
					font-size: 2.2rem;
					padding: 0 0 40px;
					text-indent: -4.4rem;
					line-height: 1.4;
				}
	
	
		h3{
			font-size: 5.2rem;
			letter-spacing: 0.02rem;
			line-height: 2.8;
			font-weight: bold;
			position: relative;


			background: url(../img/heart.png);
			background-repeat: no-repeat;
			background-size: 32px;
			background-position: 50% 0px;
		}
			h3::after{
			content: '';
			background: #7DBD30;
			width: 2em;
			height: 6px;
			position: absolute;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
			-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			}
	
		h4{
			text-align: center;
			font-size: 4.0vw;
			line-height: 1.8;
			font-weight: bold;
		}
		section p{
			font-size: 1.8rem;
			margin: 64px auto 16px;
			line-height: 1.88;
		}
	
	
	
		/* 体制 */
		section#organization{
		}
			section#organization p{
				font-size: 2rem;
				text-align: center;
			}
			section#organization img{
				margin: 2vw auto 0;
			}
	
	
		/* KPI */
		section#kpi{
		}
			section#kpi h3{
				font-size: 5.2rem;
				line-height: 1.4;
			}
				section#kpi h3::after{
					display: none;
				}
	
			section#kpi h4{
				font-size: 4.4rem;
				margin: 16px 0 0;
			}
			section#kpi p{
				font-size: 1.4rem;
			}
	
			section#kpi ul{
				margin: 4px auto -1%;
			}
			section#kpi ul li{
				width: 31.3%;
				margin: 0 1% 2%;
			}
			section#kpi ul li img{
				border: #74d8c0 solid 1px;
			}
	
	
		/* 取り組み */
		section#attempt{
		}
			section#attempt img{
				margin: 32px auto 0;
			}
			section#attempt p{
				text-align: center;
				margin: 16px auto 0;
			}
	
	
		/* 計画 */
		section#plan{
		}
			section#plan h3{
				line-height: 1.4;
			}
				section#plan h3::after{
					display: none;
				}
	
			section#plan img{
				max-width: 100%;
				margin: 32px auto 0;
			}
	
	
		/* 拡充 */
		section#expansion{
		}
			section#expansion h2{
				font-size: 5.4rem;
				margin: -16px auto 24px;
			}
			section#expansion ul{
				padding: 20px 24px 4px;
				background: #FFF;
				border: #DDD 1px solid;
				border-radius: 4px;
			}
				section#expansion ul li{
					margin-left: 1.4rem;
					font-size: 1.6rem;
					padding: 0 0 16px;
					text-indent: -1.4rem;
					line-height: 1.4;
				}


		/* 予防事業 */
		section#prevention{}
			section#prevention img.tamura,
			img.lifestyle{
				width: 70%;
			}


		/* メンタルヘルス対策 */
		section#mental{}
			section#mental .img-hr{
				margin: 64px auto 0;
			}
			section#mental .img-hr img{
				width: 30%;
				margin: 0 auto;
			}

		/* 働き方の改善 */
		section#improvement{}


		/* 女性の健康課題への対応 */
		section#woman{}


		/* 感染症対策 */
		section#infection{}


		/* 禁煙率 */
		section#nosmoking{}

































	div.btn-box{
		width: 100%;
		margin: 32px auto 48px;
	}
	a.btn-link1,
	a.btn-link2{
		text-align: center;
		display: block;
		/* color: #FFF; */
		/* background: #1286ff; */
		/* border: #0872ff 1px solid; */
		padding: 12px 32px;
		margin: 32px auto 24px;
		max-width: 280px !important;
		border-radius: 40px;
		transition: 0.4s;
		/* box-shadow: 1px 1px 2px #cbcbcb; */
		font-size: 1.72rem;
	}
	a.btn-link2{
		padding: 16px 60px;
		max-width: 400px;
	}

	a.btn-link1:hover,
	a.btn-link2:hover{
		/* background: #ffcf00;
		color: #202020; */
	}
		a.btn-link1 span,
		a.btn-link2 span{
			font-size: 1.4rem;
			font-weight: normal;
		}

	a.btn-link1::before,
	a.btn-link2::before{
		vertical-align: bottom;
		padding: 0 8px 0px 2px;
	}

	a.btn-link{
		text-align: center;
		display: block;
		padding: 16px 32px;
		margin: 4px 0 8px;
		max-width: 300px;
		border-radius: 40px;
		transition: 0.4s;
		font-size: 2.2rem;
	}
	a.btn-link:hover{
	}
		a.btn-link span{
			font-size: 1.4rem;
			font-weight: normal;
		}
	a.btn-link::before{
		vertical-align: bottom;
		padding: 0 6px 0px 2px;
	}





	.sns-twitter{
	}
	.sns-archive{
		width: 800px;
		margin: 10px auto 20px !important;
	}
	.snstitle{
	}
	.sns ul li a{
		border: 1px solid #FFF;
	}



	footer{
		clear: both;
		background: #d8ffcb;;
	}
	footer p{
		padding: 3.2em;
	}
	footer p a{
		color: #202020;
	}
	footer p a:visited{
		color: #202020;
	}
	footer p a:hover{
		color: #787878;
		text-decoration: underline;
	}


	/* Page Top
	==================================================================================================== */
	#page-top{
		position: fixed;
		bottom: 8px;
		right: 12px;
		font-size: 88%;
		z-index: 20;
	}
}

.clear{　clear: both;　}
.clearfix:after{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}
.clearfix{
	display: inline-table;
	zoom: 1;
}

/* Hides from IE-mac \*/
* html .clearfix{　height: 1%;　}
.clearfix{　display: block;　}
/* End hide from IE-mac */