@charset "utf-8";

/*slider
----------------------------------------------------------------------------------*/
ul#slider{
	margin:30px auto 50px;
}
ul#slider li{
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	box-shadow:3px 3px 4px 0px #ccc;
	-moz-box-shadow:3px 3px 4px 0px #ccc;
	-webkit-box-shadow:3px 3px 4px 0px #ccc;
}

@media only screen and (max-width: 820px){
	ul#slider{
	margin:15px auto 50px;
}
}


/* target
----------------------------------------------------------------------------------*/
div#target{
	text-align:center;
	letter-spacing:-0.4em;
}
div#target h2{
	letter-spacing:normal;
}
div#target h3{
	display:inline-block;
	*display:inline;
	width:50%;
	text-align:center;
	vertical-align:top;
	letter-spacing:normal;
	zoom:1;
}
div#target h3 span.date{
	display:block;
	margin-top:3.5em;
	color:#6a3906;
	font-size:1.25rem;
	font-weight:bold;
}

div#target p.coution{
	width:100%;
	position:relative;
	margin-top:-7em;
	margin-bottom:6em;
	text-align:center;
	letter-spacing:normal;
}
@media only screen and (max-width:725px){
	div#target h3{
	width:100%;
}
div#target h3 span.date{
	margin-top:0em;
	margin-bottom:2em;
}	

div#target p.coution{
	margin:-20px 0 0 0;
}
}

/* procedures
----------------------------------------------------------------------------------*/
div#procedures p{
	margin:10px auto 20px;
	padding:0 15px;
	text-align:center;
}



/*application
----------------------------------------------------------------------------------*/
div#application ul{
	letter-spacing:-0.4em;
}
div#application ul li{
	width:50%;
	display:inline-block;
	*display:inline;
	padding:10px 15px;
	vertical-align:top;
	letter-spacing:normal;
	zoom:1;
}
div#application ul li#digital{
	min-height:400px;
	padding-bottom:30px;
	background:url(../img/top/card.png) no-repeat center 210px;
}
div#application ul li h3{
	margin-bottom:10px;
	color:#008f5c;
	font-size:1.25rem;
	font-weight:bold;
}
div#application ul li p.ttl{
	color:red;
}
div#application ul li p.coution{
	margin-top:10px;
	font-size:0.825rem;
}
div#application ul li p.app{
	margin-top:280px;
}

@media only screen and (max-width:725px){
	div#procedures p{
	text-align:left;
	}
	div#application ul{
	padding-top:210px;
	background:url(../img/top/card.png) no-repeat center top;
	}
	div#application ul li{
	width:100%;
	}
	div#application ul li#digital{
	min-height:auto;
	margin-bottom:10px;
	border-bottom:1px #ccc solid;
	background:none;
	}
	div#application ul li p.btn{
	margin-top:20px;
	}
}
@media only screen and (max-width:450px){
	div#application ul{
	background-size:contain;
	}
}
@media only screen and (max-width:450px){
	div#application ul{
	padding-top:160px;
	}
}
@media only screen and (max-width:320px){
	div#application ul{
	padding-top:130px;
	}
}