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

.page_title h2
{
	background-image:url(../../cmn/img/icon/icon_hito2.png) ;
}

.section
{
	background-image:url(../img/back.jpg);
	background-repeat:no-repeat;
	background-position:center 0;
	background-size:cover;
	padding:80px;
	text-align:center;
	text-shadow: 0px 1px 10px #690;
	color:#fff;
	color:#006600\9;
}
.section:not(:target)
{
	color:#006600\9;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.section
{
	color:#fff !important;
}
}
.section h3
{
	font-size:50px;
	line-height:60px;
	font-weight:bold;
}
.section span
{
	margin-top:20px;
	font-size:30px;
	line-height:30px;
	display:block;
	font-weight:bold;
}
.section h4
{
	font-size:22px;
	line-height:30px;
	margin-bottom:20px;
	font-weight:bold;
}
.section p
{
	font-size:16px;
	line-height:30px;
	font-weight:bold;
}
@media screen and (min-width : 640px){
.section h4
{
	margin-top:200px;
}
	
}
@media screen and (min-width : 1024px){
	.section h4
{
	margin-top:300px;
}
.section
{
	background-position:center -40px !important;
}
	
}

@media screen and (min-width : 1200px){
	.section h4
{
	margin-top:400px;
}
.section
{
	background-position:center -50px !important;
}
	
}
@media screen and (min-width : 1400px){
.section h4
{
	margin-top:450px;
}
.section
{
	background-position:center -100px !important;
}
	
}
@media screen and (min-width : 1600px){
.section h4
{
	margin-top:500px;
}

.section
{
	background-position:center -130px !important;
}
	
}

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

.section
{
	padding:20px 5px;
}
.section h3
{
	font-size:1.6em;
	line-height:100%;
	margin-bottom:15px;
}
.section span
{
	margin-top:-15px;
	font-size:1em;
	line-height:30px;
	display:block;
}
.section h4
{
	font-size:1.2em;
	line-height:30px;
	margin-bottom:20px;
	margin-top:120px;
}
.section p
{
	font-size:0.8em;
	line-height:20px;
}
}