@charset "UTF-8";
#package figure { filter: drop-shadow(5px 5px 5px #aaa);}
.contents h1 {color: #EA8A35;	font-size: 200%;	font-weight: 600;	position: relative;	padding-left: 1em;}.contents h1:before {content: '■';	position: absolute;	top:0;	left: 0;}.contents h2 {font-size: 130%;	font-weight: 600;}
.contents h4 {color: #EA8A35;	font-size: 110%;	font-weight: 600;}
figcaption {background-color: #FBDABB;	font-size: 80%;	padding-left: .5rem;}
.cation li {position: relative;	padding-left: 1em;}.cation li:before {content: '■';	position: absolute;	top:0;	left: 0;}
#reform p {font-size: 80%;	background:rgba(234,138,53,.4);	padding: .25rem .5rem;}
.important {background-color: #ff0000;}
.important p {font-size: 100%!important;}
#campaign {padding: 5rem 0; position: relative; background-image: url("../img/bg-campaign.jpg");	background-position: center center;	background-size: cover;	background-repeat: no-repeat;	background-attachment: fixed;}#campaign::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(255,255,255,.6); z-index: 5;}
#campaign > div{ position: relative; z-index: 10;}
#campaign h1 {color: #EA8A35;	font-size: 200%;	font-weight: 600;}
#campaign dl {border: 1px solid rgba(234,138,53,.6);	background:rgba(255,255,255,.6);}
#campaign dl dt {text-align: center;	padding: .5rem 0;	background:rgba(234,138,53,.4);}
#campaign dl dd {padding: 0 2rem;}
@media (min-width: 768px){}
@media (min-width: 1300px){}
@media (max-width: 767px){}
@media (max-width: 575px){#campaign {padding: 3rem 0;}
#campaign {background-attachment: scroll;}}