@charset "UTF-8";


/*
header {
	display: none !important;
}
*/

html,body{
	height: auto;
}



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

@media screen and (max-width: 768px) {
.pc {display: none;}
.sp {display: inherit;}
}


.bg_chiiki {
	background-color: transparent;
	background-image: -webkit-gradient(
		linear, 0% 0%, 100% 100%,
		color-stop(.0, transparent),
		color-stop(.10, transparent),
		color-stop(.10, #0073BB),
		color-stop(.20, #0073BB),
		color-stop(.20, transparent),
		color-stop(.60, transparent),
		color-stop(.60, #0073BB),
		color-stop(.70, #0073BB),
		color-stop(.70, transparent),
		to(transparent)
	);
	-webkit-background-size: 7px 7px;
}


/* CSS Document */
#chiiki-container {
	width: 100%;
	min-width: 960px;
	height: 1264px;
	background: url(../img/chiiki-bg.png) no-repeat center top;
	position:relative;
}
	
	
	#chiiki-container .chiiki-inner {
		position: relative;
		width: 950px;
		margin: 0 auto;
	}
		.chiiki-inner h1{
			position:absolute;
			top:50px;
			left:440px;
			width: 104px;
			height: 323px;
		}
		.chiiki-inner h1 span{
			display:block;
			width:100%;
			height:100%;
			background:transparent no-repeat  url(../img/title_logo.png) 50% 50%;
			background-size: 100% 100%;
		}

		.chiiki-inner dl {
			position:absolute;
			top:190px;
			left:130px;
			width: 280px;
		}
		.chiiki-inner dt {
			margin: 0 0 .6em 0;
			color: #0073BB;
		}
		.chiiki-inner dd {
			margin: 0;
			padding: 0 0 0 .4em;
			line-height: 1.8em;
			color: inherit;
			font-size: 1.3rem;
		}

		.chiiki-inner ul {
			display: block;
			position: relative;
			list-style: none;
			width: 100%;
			height: 1264px;
			}
			
			.chiiki-inner ul li {
				display: block;
				position: absolute;
				width: 149px;
				height: 148px;
				}
			.chiiki-inner ul li a {
				display: block;
				width:100%;
				height:100%;
				overflow: hidden;
			}
			.chiiki-inner ul li strong {
				display: none;
			}
			.chiiki-inner ul li span {
				position: relative;
				display: block;
				width:100%;
				height:100%;
			}
			.chiiki-inner ul li em {
				position: absolute;
				display: block;
				top: 25px;
				right: 8px;
				background-color: #0173B8;
				padding: 4px 0 2px 0;
				width: 4em;
				font-size: 1.3rem;
				font-weight: bold;
				text-align: center;
				font-style: normal;
				color: #FFF;
			}
			.chiiki-inner ul li span img {
				display: block;
				width: 100%;
				height: 100%;
			}
				.chiiki-inner ul li a {
					-webkit-transition: all 0.3s;
					-moz-transition: all 0.3s;
					-ms-transition: all 0.3s;
					-o-transition: all 0.3s;
					transition: all 0.3s;
					}
				.chiiki-inner ul li a:hover {
					opacity: 0.7;
				}

			#chiiki-container .chiiki-inner ul li.chiiki-btn01 {
	left: 767px;
	/*top: 495px;*/
	top: 375px;
				}
			#chiiki-container .chiiki-inner ul li.chiiki-btn02 {
	left: 607px;
	top: 340px;
				}
			#chiiki-container .chiiki-inner ul li.chiiki-btn03 {
	left: 596px;
	top: 507px;
				}
			#chiiki-container .chiiki-inner ul li.chiiki-btn04 {
	left: 646px;
	top: 673px;
				}
			#chiiki-container .chiiki-inner ul li.chiiki-btn05 {
	left: 437px;
	top: 620px;
				}
			#chiiki-container .chiiki-inner ul li.chiiki-btn06 {
	left: 423px;
	top: 449px;
				}
			#chiiki-container .chiiki-inner ul li.chiiki-btn07 {
	left: 485px;
	top: 785px;
				}
			#chiiki-container .chiiki-inner ul li.chiiki-btn08 {
	left: 268px;
	top: 601px;

				}
			#chiiki-container .chiiki-inner ul li.chiiki-btn09 {
	left: 259px;
	top: 433px;
				}
			#chiiki-container .chiiki-inner ul li.chiiki-btn10 {
	left: 96px;
	top: 569px;
				}
			#chiiki-container .chiiki-inner ul li.chiiki-btn11 {
	left: 8px;
	top: 772px;
				}
			#chiiki-container .chiiki-inner ul li.chiiki-btn12 {
	left: 614px;
	top: 1060px;
	
				}
			#chiiki-container .chiiki-inner ul li.chiiki-btn13 {
	left: 778px;
	top: 1060px;
				}



@media screen and (max-width: 768px) {
	
	#main {
		background-color: #F5F9F6;
	}
	#chiiki-container {
		min-width: auto;
		height: auto;
		padding: 30px 0 0 0;
		background-position: 50% 120px;
		background-size: contain;
	}
	#chiiki-container .chiiki-inner {
		position: relative;
		width: auto;
		margin: 0 auto;
	}
	#chiiki-container .txt1{
		padding-top: 35px;
	}
	#chiiki-container .txt2{
		padding-top: 25px;
	}
	#chiiki-container .txt3{
		padding-top: 35px;
	}
	.chiiki-inner h1{
		position:static;
		margin-left: 30px;
		margin-right: 30px;
		margin-bottom: 1em;
		padding: 0 0 15px 0;
		width: auto;
		height: 80px;
		border-bottom: 1px solid #333;
	}
	.chiiki-inner h1 span{
		background-image: url(../img/title_logo_sp.png);
		background-position: 50% 50%;
		background-size: contain;
	}
	.chiiki-inner dl {
		position:static;
		margin-left: 30px;
		margin-right: 30px;
		width: auto;
	}
	.chiiki-inner dd {
		font-size: 14px;
	}
	
	
	.chiiki-inner ul {
		margin: 0;
		padding: 0;
	}
	.chiiki-inner ul li {
		display: block;
		position: static;
		margin: 0 0 20px 0;
		width: 100%;
		height: auto;
		background-color: #FFF;
		overflow: hidden;
		}
	.chiiki-inner ul li a {
		background-repeat: no-repeat;
		background-position: 95% 50%;
		background-image:url("../img/arrow.png");
		background-size:10px 19px;
		}
	
	.chiiki-inner ul li span {
		float: left;
		display: block;
		width:25%;
	}
	.chiiki-inner ul li span img {
		height: auto;
	}
	.chiiki-inner ul li em {
		position: absolute;
		top: 32%;
		left: 0;
		background-color: transparent;
		margin: -1.4rem 0 0 0;
		padding: 5px 0 2px 0;
		width: 65%;
		font-size: 1.4rem;
		font-weight: bold;
		text-align: center;
		color: #FFF;
		text-shadow: 0 -1px 0 rgba(0,0,0,0.20);
		box-shadow: 0 1px 3px rgba(0,0,0,0.50);
		background-color: #0173B8;
		}
	
	.chiiki-inner ul li strong {
		float: right;
		display: block;
		padding: 15px 0;
		width:73%;
		height: 100%;
		color: 
	}
	
	

}