@charset "utf-8";

body { background: #000; }
#main { background: url(../images/bg02.png) no-repeat bottom, url(../images/bg01.png) no-repeat top; background-size: 100%; padding-bottom: 20%; }

#section01 .box { background: #fff; padding: 10% 5%; }
#section01 h1 { text-align: center; padding: 5% 0; }
#section01 h1 img { max-width: 50%; }
#section01 h2 { font-size: 1.5em; margin-bottom: 2%; }
#section01 h3 { font-size: 1.125em; }
#section01 p { font-size: 0.75em; margin: 5% 0; }
#section01 a { color: #ff0000; text-decoration: underline; }
#section01 .picture { text-align: center; margin-bottom: 5%; }


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

.section .wrapper { padding: 0 10px; }	

#section01 .box { padding-top: 15% }

}

/**
 * PC・タブレット
 */
@media screen and (min-width: 641px) {

.section .wrapper { max-width: 920px; margin: 0 auto; padding: 0 10px; }	
	
}

/**
 * PC
 */
@media screen and (min-width: 960px) {

.section .wrapper { padding: 0; }	

}