@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.css");
.sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp {
    display: block;
  }
}

#container {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-style: normal;
  line-height: 1.6;
  font-weight: 400;
}
#container .kvsec {
  width: 100%;
  margin-bottom: calc(83 / 1280 * 100vw);
}
@media screen and (max-width: 768px) {
  #container .kvsec {
    margin-bottom: calc(60 / 390 * 100vw);
  }
}
#container .kvsec-img {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: calc(77 / 1280 * 100vw);
}
@media screen and (max-width: 768px) {
  #container .kvsec-img {
    margin-bottom: calc(20 / 390 * 100vw);
  }
}
#container .kvsec-img .img {
  width: 50%;
}
#container .kvsec-ttl {
  max-width: calc(840 / 1280 * 100vw);
  margin: 0 auto calc(90 / 1280 * 100vw);
}
@media screen and (max-width: 768px) {
  #container .kvsec-ttl {
    margin: 0 auto calc(60 / 390 * 100vw);
    max-width: calc(360 / 390 * 100vw);
  }
}
#container .kvsec-ttl p {
  font-weight: 600;
}
#container .kvsec-ttl p:first-of-type {
  font-size: 14px;
  margin: 0 auto calc(25 / 1280 * 100vw) 0;
}
@media screen and (max-width: 768px) {
  #container .kvsec-ttl p:first-of-type {
    font-size: calc(8 / 390 * 100vw);
    margin: 0 auto calc(22 / 390 * 100vw) 0;
  }
}
#container .kvsec-ttl p:last-of-type {
  font-size: 50px;
}
@media screen and (max-width: 768px) {
  #container .kvsec-ttl p:last-of-type {
    font-size: calc(25 / 390 * 100vw);
  }
}
#container .kvsec-lead {
  font-size: 15px;
  margin: 0 auto calc(80 / 1280 * 100vw);
  max-width: calc(840 / 1280 * 100vw);
}
@media screen and (max-width: 768px) {
  #container .kvsec-lead {
    font-size: calc(10 / 390 * 100vw);
    margin: 0 auto calc(26 / 390 * 100vw);
    max-width: calc(360 / 390 * 100vw);
  }
}
#container .kvsec-stcr {
  font-size: 15px;
  max-width: calc(840 / 1280 * 100vw);
  margin: auto;
}
@media screen and (max-width: 768px) {
  #container .kvsec-stcr {
    max-width: calc(360 / 390 * 100vw);
    font-size: calc(10 / 390 * 100vw);
  }
}
#container .look {
  margin: 0 auto calc(170 / 1280 * 100vw);
  max-width: calc(840 / 1280 * 100vw);
}
@media screen and (max-width: 768px) {
  #container .look {
    max-width: 100%;
    margin: 0 auto calc(110 / 390 * 100vw);
  }
}
#container .look-ttl {
  font-size: 28px;
  text-align: center;
  margin: 0 auto calc(83 / 1280 * 100vw);
  padding-top: calc(40 / 1280 * 100vw);
}
@media screen and (max-width: 768px) {
  #container .look-ttl {
    font-size: calc(20 / 390 * 100vw);
    margin: 0 auto calc(52 / 390 * 100vw);
    padding-top: calc(50 / 390 * 100vw);
  }
}
#container .look-img {
  max-width: calc(546 / 1280 * 100vw);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #container .look-img {
    max-width: unset;
    width: 100%;
  }
}
#container .look p {
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  #container .look p {
    font-size: calc(14 / 390 * 100vw);
    max-width: calc(330 / 390 * 100vw);
    margin-left: auto;
    margin-right: auto;
  }
}
#container .look p:not(:last-of-type) {
  margin-bottom: calc(40 / 1280 * 100vw);
}
@media screen and (max-width: 768px) {
  #container .look p:not(:last-of-type) {
    margin-bottom: calc(90 / 390 * 100vw);
  }
}
#container .look p.qus,
#container .look p span {
  font-weight: bold;
}
#container .look-credit {
  margin-top: calc(18 / 1280 * 100vw);
  color: #696969;
  text-align: center;
}
#container .look-credit p {
  margin-bottom: 0 !important;
  font-size: 10px;
}
@media screen and (max-width: 768px) {
  #container .look-credit p {
    font-size: calc(10 / 390 * 100vw);
  }
}
#container .look-credit a {
  font-size: 10px;
  display: block;
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media screen and (max-width: 768px) {
  #container .look-credit a {
    font-size: calc(10 / 390 * 100vw);
  }
}
#container .look-credit .item-d-none {
  display: block;
}
#container .look-credit .item-d-none a {
  font-size: 10px;
  text-decoration: none;
  display: block;
}
@media screen and (max-width: 768px) {
  #container .look-credit .item-d-none a {
    font-size: calc(10 / 390 * 100vw);
  }
}
#container .look .prfsec {
  background: #EFEFEF;
  max-width: calc(546 / 1280 * 100vw);
  padding: calc(46 / 1280 * 100vw) calc(53 / 1280 * 100vw);
  margin: 0 auto calc(125 / 1280 * 100vw);
}
@media screen and (max-width: 768px) {
  #container .look .prfsec {
    max-width: 100%;
    padding: calc(25 / 390 * 100vw) calc(30 / 390 * 100vw);
    margin: 0 auto calc(163 / 390 * 100vw);
  }
}
#container .look .prfsec-img {
  margin-bottom: calc(22 / 1280 * 100vw);
}
@media screen and (max-width: 768px) {
  #container .look .prfsec-img {
    margin-bottom: calc(15 / 390 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  #container .look .prfsec-txt p {
    max-width: unset;
  }
}
#container .look .prfsec-txt p:first-of-type {
  margin-bottom: calc(14 / 1280 * 100vw);
  font-weight: 500;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  #container .look .prfsec-txt p:first-of-type {
    margin-bottom: calc(13 / 390 * 100vw);
    font-size: calc(14 / 390 * 100vw);
  }
}
#container .look .prfsec-txt p:last-of-type {
  font-size: 11px;
}
@media screen and (max-width: 768px) {
  #container .look .prfsec-txt p:last-of-type {
    font-size: calc(10 / 390 * 100vw);
  }
}/*# sourceMappingURL=style.css.map */