.red{
	color: #ff0000;
}
.pagetitle1 {
	float: left;
	width: 100%;
}
.pagetitle2 {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.pagetitle3 {
	float: left;
	width: 1000px;
	margin-left: 100px;
}
@media screen and (max-width: 767px){
	.pagetitle2 {
		width: 98%;
		margin-right: auto;
		margin-left: auto;
	}
}
.page1 {
	font-size: 17px;
	line-height: 36px;
	color: #af0000;
}
.page1 a {
	color: #000000;
}
.page1 a:hover {
	color: #af0000;
}
.page2 {
	font-size: 30px;
	line-height: 40px;
	color: #2d2d2d;
	letter-spacing: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../img/page_title.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 50px;
}
.page2_sp {
	font-size: 20px;
	line-height: 40px;
	color: #2d2d2d;
	letter-spacing: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../img/page_title.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 50px;
	font-weight: bolder;
}
.pagetitle_sp {
	float: left;
	width: 98%;
	margin-left: 2%;
}

.btn--aws, a.btn--aws {
    margin-top: 50px;
    color: #fff;
    background-color: #484848;
    font-size: 18px;
    letter-spacing: 0.1em;
    height: 60px;
    width: 250px;
}

.btn--aws:hover {
    color: #fff;
    opacity: 0.9

}
.btn--aws:visited{
    color: #fff;
}
@media screen and (max-width: 767px){

	.btn--aws, a.btn--aws {
	    margin-top: 50px;
	    color: #fff;
	    background-color: #484848;
	    font-size: 14px;
	    letter-spacing: 0.1em;
	    height: 60px;
	    width: 98%;
	}

}