body {
  font-size: 4vw;
}

#a_header {
  padding: 4em 1.5em 3em;
  background: url("../img/articleTitle_bg_sp.webp") center top no-repeat;
  background-size: cover;
}

#a_header h1 {
  margin-bottom: 1em;
}

#a_header .company {
  position: absolute;
  right: .5em;
  top: 1em;
}

#a_header .administrator {
  line-height: 1.6;
}

.spDn {
  display: none !important;
}

.spNoWrap {
  white-space: nowrap;
}

#a_footer {
  padding: 2em 1em;
}

#a_footer table th,
#a_footer table td {
  font-size: 0.75em;
  padding: 1em .5em;
}

#a_footer table th {
  width: 6em;
}

#a_footer table td {
  width: calc(100% - 6em);
}

#sec01 h2 {
  font-size: 2em;
}

#sec01 h2 span {
  display: block;
}

#sec01 h2 span + span {
  margin: .5em 1.5em 0;
}

#sec01 > div {
  display: block;
}

#secWrap > div:not(#sec01) h2 b {
    font-size: 1.8em;
}

#sec02 {
  background-size: auto 92%;
}

#sec02 > div {
  padding: 0 1em;
}

#sec02 > div > div {
  width: 48.5%;
}

#sec02 > div > div .data {
  width: 100%;
  font-size: 0.8em;
  padding: 1em;
  margin-top: -4em;
}

#sec02 > div > div:last-child .photo {
  width: 66%;
  margin: auto;
}

#sec03 .discussion h3 {
  font-size: 1.5em;
}

#sec03 .discussion ul li {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1em;
  -webkit-box-shadow: 1px 1px 0.25em rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 0.25em rgba(0, 0, 0, 0.2);
}

#sec03 .discussion ul li .photo {
  width: 30%;
  border-radius: 1em;
  overflow: hidden;
}

#sec03 .discussion ul li .data {
  width: 66%;
  text-align: left !important;
}

#sec03 .discussion ul li .data p {
  font-size: 0.9em;
}

.sec04 > div {
  padding: 2em 1em;
}

.sec04 > div:first-of-type {
  padding-top: 0;
}

.sec04 > div .photo {
  width: 80%;
  margin: auto;
  height: 66vw;
  overflow: hidden;
  text-align: center;
  border-radius: 20px;
}

.sec04 > div .photo img {
  width: 100%;
}

.sec04 > div .data {
  width: 100%;
}

.sec04 > div .data h3 {
  font-size: 1.5em;
}

.sec04 > div .data .profile {
  margin-bottom: 1em;
}

.sec04 > div .data .movLink {
  background-size: contain;
}

.slidePanel .slick-list .popup-modal:before {
  width: 48px;
  height: 48px;
  background-size: contain;
}

.slidePanel .slick-dots li {
  width: 25%;
  padding-top: 3em;
  padding-bottom: 0.5em;
  background-size: auto 50% !important;
}

.slidePanel .slick-dots li:before {
  bottom: 1em;
}
/*# sourceMappingURL=style_sp.css.map */