@charset "UTF-8";
/* CSS Document */
body{ background-color:#B6183F; color:#FFF; line-height:1.7;}
img{ max-width:100%;}
.center{ padding: 0 5%;}
.row{ padding-bottom:3rem;}

h1{ font-size:1rem; text-align:center;}
h2{ background-color:#84193F; text-align:center; color:#FFF !important;}
h3, h4{ text-align:center;}

.logo{ width:300px; padding:1rem 0}
.intro{ background:#FFF; color:#000;}

.design dl{ display:flex; flex-flow:row wrap;}
.design dl dt{ font-weight:lighter; width:30%;}
.design dl dd{ width:65%; margin-bottom:0;}
.design dl dt, .design dl dd{ border-bottom:solid thin #FFF; padding-bottom:0.25rem; margin-bottom:0.25rem;}
.design dl span{ font-size:0.75rem;}

.result{ background:#FFF; color:#000;}
.result img{ margin-top:1rem;}
.result h4{ margin:1rem 0;}
.result p{ border-bottom:solid thin #000;}
.result p span{ font-weight:bold; font-size:2rem; margin-left:1rem;}

.about img{ margin-bottom:2rem;}

.main img{ margin-bottom:2rem;}

.thanks p{ padding-top:3rem; text-align:center;}

footer p{ font-size:0.75rem; text-align:center; margin-top:5rem;}

.result a{ color:#84193F; font-weight:bold;}
.result a:hover{ color:#B6183F;}


/*---PC版CSS--------------------------------*/
@media (min-width: 768px) {
	html{ font-size:18px;}
	/*---共通部分--------------------------------*/
	.center {max-width:1080px; margin:0 auto;}
	.intro .center, .about .center { max-width: 460px;}
	.table, .result .center{ max-width:600px;}
	.row{ padding:3rem 0}
	
	h1{ font-size:3rem;}
	h2{ font-size:1.5rem; max-width:460px; display:block; margin:0 auto 3rem auto; padding:0.5rem;}
	h4{ margin:1.5rem 0;}
	
	.design .center{ display:flex; margin-bottom:3rem; justify-content:space-between;}
	.design .center > div{ width:47.91%;}
	
	.result .center p{ text-align:right;}
	.thanks p{ max-width:600px; font-size:1.5rem; text-align:center; margin:0 auto;}
	
	@media (min-width: 1080px) {
		.center{ padding: 0;}
	}
	
}