.accordion {
  width: 100%;
  margin: 0 auto; padding:0;
}
.accordion li {
  position: relative; list-style-type:none; text-align: left;
}
.accordion li section {
  display: none; font-size:1.1vw; line-height:1.8vw;
  padding: 1vw 1.5vw 2vw 1.5vw; color: #fff;
}
.accordion li section a{color: #fff; font-weight: 700; text-decoration: underline;}
.accordion li section p {margin: 0 0 1.5vw 0;}
.accordion b{
  width: 100%; padding:0.5vw;  display: block;
  cursor: pointer;
  line-height: 3;
  font-size: 1.1vw; font-weight: 700;
  text-indent: 1.5vw;
  user-select: none; background:#fff; color:#545554; margin:0 0 1vw 0; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; border-radius: 0.8vw;
}
b.active{ background:#f7f7f7; color:#545554; border-radius: 0.8vw;}
.accordion b:after {
  width: 1vw;
  height: 1vw;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  position: absolute;
  right: 2vw;
  top: 1.9vw;
  content: " ";
  transform: rotate(-45deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.accordion section {
  font-size: 2vw;
  line-height: 2;
  padding: 10px;
}

b.active:after {
  transform: rotate(45deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}


@media screen and (max-width:767px) {
.accordion li section p {margin: 0 0 3vw 0;}
.accordion li{ margin:0 0 2vw 0;}
.accordion li section {padding: 5vw; font-size:4vw; line-height:6vw;}
.accordion b {
  padding:3vw;
  line-height: 5vw;
  font-size: 4vw;
  text-indent: 3vw;
}
.accordion b:after {
  width: 3vw;
  height: 3vw;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  right: 4vw;
  top: 3vw;
}
.scr-link { display:block; width:70%; margin-left:auto; margin-right:auto; margin-bottom:1.5vw; margin-top:2vw;}
.page-head03-new{font-size:4vw; line-height:em; }
}