main{
font-size: 10px;
font-weight:bolder;
}


.header{
  background-size      : contain;
  background-repeat: no-repeat;
  background-position:top;  
  background-image: url("../files/img/top-phone.png");
  min-height: 280px;
  text-align: center;
}

.header{
  display: inline-block;
/*  margin-top        : 130px;*/
  padding: 0;
}  
  
.header h1{
  font-size     : 50px;
  margin: 0;
  top: 20px;
  padding: 0;
}

.header p{
  position: relative;
  font-weight: bold;
  letter-spacing: 0.1rem;
  font-size     : 11px;
  padding: 0;
}
  
.campaign{
  width: 80%;
  margin-top: 50px;
  padding: 2rem!important;
  
}

.campaign h2{
  font-size: 30px;
}
.campaign h2 span{
  display: block;
}

.campaign picture+p{
  margin-bottom: 5px;
}
.phone-br::before{
  content: "\A";
  white-space: pre;
}

.time{
  margin-top: 0;
}

.award{
  display: inline-block;
  width: 85%;
  margin-bottom: 25px;
}

.award-contents{
  font-size: 12px;
  margin: 10px 0!important;
}

.check{
  display: none;
}
.label,
.detail-contents {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: all 0.3s;
}
.label {
padding: 0;
position: relative;
display: block;
}
.label:after {
  content: '＋';
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0px;
}
.detail-contents {
max-height: 0;
overflow: hidden;
}
.detail-contents p {
margin: 0;
line-height: 1.5;
}
.check:checked + .label:after{
  content: '－';
}
.check:checked + .label + .detail-contents {
max-height: 5000px;
transition: all 1.5s;
}

.section,.berder-top{
  margin-top: 30px!important;
}

.bottom{
  margin-bottom: 30px!important;
}

#Well-being-img,#Well-being-structure{
  width: 100%;
}
.pc-style{
  display: none;
}
img{width: auto;}