html{
  background-color: #fff;
  font-family: Arial;
}
body{
 background-color: ecece9;
}
.lead-action{
    text-align: center;
        margin: 2em 0 5em;
}
.lead-action p{
  color: #fff;
  font-size: 3em;
}
.lead-action .form-box{
  border: 4px solid #fff;
  font-size: 3em;
}
#problem-state{
text-align: center;
font-size: 3rem;
font-family: Meiryo;
font-weight: bold;
margin-top: 70px;
}
#problem-images{
margin: 50px 0;
text-align: center;
overflow:hidden;
}
.problem-image{
float: left;
width: 25%;
height: 25%;
}
#yajirushi img{
display: inline-block;
margin: 50px auto;
width: 50%; 
height: 50%;
}
#admin_panel {
	text-align: right;
	padding: 0;
	visibility: visible;
}
.navbar-toggle{
border: 1px solid #ddd;
color: #ddd;
}
.navbar-inner {
  background-image: -moz-linear-gradient(top, #2a6eb4, #2a6eb4);
  background-image: -ms-linear-gradient(top, #2a6eb4, #2a6eb4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2a6eb4), to(#2a6eb4));
  background-image: -webkit-linear-gradient(top, #2a6eb4, #2a6eb4);
  background-image: -o-linear-gradient(top, #2a6eb4, #2a6eb4);
  background-image: linear-gradient(top, #2a6eb4, #2a6eb4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'2a6eb4, endColorstr='#'2a6eb4, GradientType=0);
}

.navbar .brand {
  padding: 8px 20px 12px;
  font-size: 0px;
  color: #ffffff;
}

.navbar .divider-vertical {
  height: 0px;
  background-color: #ffffff;
  border-right: 1px solid #ffffff;
}

.navbar .nav > li > a {
  padding: 15px 30px;
  font-size: 20px;
  color: #ffffff;
}
.navbar .nav > li > a:hover {
 background-color: #51ee07;
}
.navbar-origin{
background: #349706;
}
.icon-bar{
background-color: #ddd;
}
#nav-menu-1{
font-weight: bold;
}
.solution h2{
font-size:3rem;
font-family: meiryo;
font-weight: bold;
font-style: italic;
}
.solution p{
margin:2em 0;
font-size: 2em;
font-family: meiryo;
font-weight: bold;
}
#consumer{
width: 100%;
padding: 2rem;
margin: 10em 0;
}
#all-voice{
margin-left:3rem;
}
#consumer span{
border-bottom: 2px solid #f0a42a;
}
#consumer h2{
font-size: 3em;
text-align: center;
font-family: meiryo;
font-weight: bold;
color: #b83310;
margin-bottom: 0.5em;
}
.voice-box{
background-color: #fff;
margin-bottom: 3em;
height: 15rem;
margin: 0 1rem 0;
}
.voice-box h3{
font-size: 1.5em;
font-family: meiryo;
font-weight: bold;
}
.voice-box .voice{
font-size: 1em;
font-weight: bold;
margin:1em 0 1em;
}

.voice-box .consumer-info{
font-size: 1em;
}
#questions {
width: 100%;
padding: 1em;
border: 3px solid #000;
font-weight: bold;
font-family: meiryo;
}
#questions h2{
font-size: 4em;
text-align: center;
font-family: meiryo;
font-weight: bold;
color: #b83310;
margin: 1em 0;
}
.question {
margin: 0 8em 8em;
}

.q{
font-size: 1.5em;
width: 80%;
}
.q:before {
content: "Q.";
color:  #b83310;
margin-right: 1em;
}
.a {
font-size: 1.5em;
width: 80%;
}
.a ul{
font-size: 3em;
}
.a li{
font-size: 1.5em;
}
.a:before {
content: "A.";
color: #005f95;
margin-right: 1em;
}
#explanations{
margin: 7rem 0;
}
#explanations h3{
font-size: 2.5em;
font-weight: bold;
font-family: meiryo;
color: #349706;
}
#explanations p{
font-size: 2em;
font-family: meiryo;
font-weight: bold;
}
#explanations img{
padding-top: 2rem;
}
.ex-text{
width: 40em;
}
.ex-box{
margin: 5em 0;
}