@charset "utf-8";

body {
	line-height: 1.8;
}
.title {
    padding: 5px 23px;
    margin-bottom: 40px;
    font-size: 2.3em;
    background-color: #001f67;
    color: #fff;
}
.content {
	margin-bottom:10px;
	border-bottom:2.0px solid #CCC;
	font-size: 1.9em; 
	color:#666;
}
.detail {
	padding: 0em 1.2em;
    margin-bottom: 1em;
    font-size: 1.2em;
    color: #444;
}
.button {
	display: inline-block;
    width: 200px;
    padding: 10px;
    margin: 1.2em 0.5em;
    text-align: center;
    font-size: 23px;
}
.sub-text {
	display:block;
	/*display:none;*/
	font-size:1.2em;
	color:#e1091d;
}
.open {
	display:block;
	margin-top:-0.6em;
	margin-bottom:-1.2em;
}

@media only screen and (max-width : 900px) {
	.button {
		font-size: 19px;
	}
}
@media only screen and (max-width : 767px) {
	.title {
   		font-size: 2.0em;
	}
	.content {
		font-size: 1.5em; 
	}
	.button {
    	width: 160px;
	}
}

@media only screen and (max-width : 450px) {
	.title {
   		font-size: 1.7em;
	}
	.detail {
		padding: 0em 0.4em;
    	font-size: 1.1em;
	}
	.button {
    	width: 160px;
		font-size: 16px;
	}
}