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


/*----------------------
----- Media Queries ----
------------------------*/

@media (max-width:1366px){


}


@media (max-width:1200px){
header {
    width: 100%;
 }
 
#wrap{
	width:100%;
}

.content {
    width: 100%;
    padding-right: 10px;
	padding-left: 10px;
}

footer {
    width: 100%;
}

}

@media (max-width:1024px){

	
}


@media (max-width:949px){


}


@media (max-width:800px){

.top-content {
    width: 90%;
}

h1 {
    font-size: 44px;
 }
 
h2 {
    width: 90%;
} 

h3 {
    width: 90%;
 }
 
h4 {
    width: 90%;
 } 

.info {
    width: 90%;
 }
 
.attention-content {
    width: 90%;
} 
	
}
	

@media (max-width:736px){
	


}


@media (max-width:600px){
	


}


@media (max-width:568px){



}


@media (max-width:479px){
	


}

@media (max-width:414px){

.content {
    padding-top: 10px;
    padding-bottom: 10px;
}

.top-content {
    width: 100%;
	margin-top:20px;
	font-size:14px;
}

h1 {
    font-size: 24px;
	line-height:25px;
}
 
h2 {
    width: 100%;
} 

h3 {
    width: 100%;
 }
 
h4 {
    width: 100%;
	font-size:20px;
 } 

.info {
    width: 100%;
	font-size:12px;
 }

.info2 {
    width: 100%;
	font-size:12px;
}

.info2 dd {
    width: 100%;
}

.info2 dl dd {
    float: none;
}
 
.attention-content {
    width: 100%;
	font-size:14px;
} 

.button {
    width: 100%;
    float: none;
}

	
}


@media (max-width:375px){

.pagetop {
    bottom: 26px;
}	

}


@media (max-width:360px){
	

}


@media (max-width:320px){


}