@charset "utf-8";
html { font-size: 62.5%; } /* font-sizeは16pxの62.5%の10px */
body { font-size: 1.4rem; } /*font-size : 14px と同等*/
h3 { font-size: 1.8rem; line-height: 1.5em; color: #003366; font-weight: bold;}
h4 { font-size: 1.5rem; color: #003366; font-weight: bold;}
.box {padding: 1.5rem; margin: 1.5rem 0;}

header{background-color: #003366; padding: 1em; text-align: center;}
footer {background-color: #ddd; text-align: center; padding: 1em 0 3em; margin: 4em 0 0}
.btn_box {border: 5px solid #003366; padding: 1.5em; margin: 2em 0;  text-align: center; }
.btn_box h4{font-size: 180%; font-weight: bold;}
.btn_box p {font-size: 140%; font-weight: bold; color: #F00;}
.btn_lnk {margin: 1em 0; display: block;}

@media (min-width: 1200px){
	.container { width: 960px; padding: 0; }
}
@media (min-width: 768px){
    h3 { font-size: 2.4rem; line-height: 1.5em; }
    h4 { font-size: 1.8rem;
}