@charset "utf-8";
/*------------------------------------------------------------
	Common
------------------------------------------------------------*/
#gHeader {
  background-color: #fff;
}
#pagePath {
  margin-bottom: 0;
  position: relative;
  padding: 0;
  background-color: #000;
  z-index: 1;
}
#gFooter .fBox .fLogo p {
  color: #8f8f8f;
  font-size: 1.5rem;
  padding-top: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  #gHeader h1 {
    margin-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  #pagePath {
    padding-top: 64px;
  }
}

#main {
  margin-bottom: 0;
  font-feature-settings: "palt";
  -moz-font-feature-settings: "palt";
  text-align: justify;
  text-justify: inter-ideograph;
  box-sizing: border-box;
}
#main .mainBox {
  margin: 0 auto;
  max-width: 980px !important;
}
/*------------------------------------------------------------
	Layout
------------------------------------------------------------*/
.text-supplement {
  font-size: 16px;
  vertical-align: top;
}
.text-supplement01 {
  font-size: 16px;
  padding-top: 14px;
}
.text-supplement02 {
  font-size: 16px;
  right: 140px;
  padding-top: 6px;
}
@media all and (max-width: 767px) {
  .text-supplement,
  .text-supplement01,
  .text-supplement02 {
    font-size: 10px;
  }
}

/*-------------------------------------
	9つのライン使いで年齢に揺るがない健やかな肌へ。
-------------------------------------*/
#main .sec09 {
  margin-top: -1px;
  position: relative;
  color: #fff;
  background: #bf090f;
  z-index: 10;
}
#main .sec09 .subBox {
  padding-bottom: 129px;
  padding-top: 93px;
}
#main .sec09::before {
  width: 100%;
  height: 45px;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../../zeroserum/img/index/sec09_bg01.png") repeat-x center top / 100% 80px;
  content: "";
  z-index: 10;
}
#main .sec09 h2 {
  margin-bottom: 40px;
  text-align: center;
  position: relative;
}
#main .sec09 h2 img {
  width: 768px;
  margin: 0 auto 0;
}
#main .sec09 .pTxt {
  margin-bottom: 64px;
  font-size: 1.5rem;
  letter-spacing: 0.12em;
  line-height: 2.2;
  text-align: center;
  z-index: 10;
  position: relative;
}
#main .sec09 .textImg {
  margin: 0 auto;
  width: 780px;
  position: relative;
}
#main .sec09 .textImg img {
  transform: translate(-14px, 0);
}
#main .sec09 .textImg .comBtn {
  position: absolute;
  left: 90px;
}
#main .sec09 .textImg .comBtn a {
  padding: 9px 10px 7px 20px;
  width: 248px;
}
#main .sec09 .textImg .comBtn a::after {
  display: none;
}
#main .sec09 .textImg .comBtn a:hover {
  opacity: 0.7;
}
#main .sec09 .textImg .comBtn:nth-of-type(2n-1) {
  left: 395px;
}
#main .sec09 .textImg .comBtn01 {
  top: 2517px;
  left: 10px !important;
}
#main .sec09 .textImg .comBtn02 {
  top: 536px;
}
#main .sec09 .textImg .comBtn03 {
  top: 860px;
}
#main .sec09 .textImg .comBtn04 {
  top: 1137px;
}
#main .sec09 .textImg .comBtn05 {
  top: 1455px;
}
#main .sec09 .textImg .comBtn06 {
  top: 1763px;
}
#main .sec09 .textImg .comBtn07 {
  top: 2063px;
}
#main .sec09 .line {
  width: 702px;
  position: absolute;
  bottom: 100%;
  left: calc(100% - 271px);
}
#main .sec09 .flexBox {
  display: flex;
  position: relative;
  margin: 0 auto;
  max-width: 720px;
  align-items: flex-start;
  justify-content: space-between;
}
#main .sec09 .borTxt {
  padding: 15px 25px 15px 30px;
  width: 275px;
  color: #fff;
  font-size: 1.3rem;
  line-height: 3.08;
  letter-spacing: 0.01em;
  text-align: justify;
  box-sizing: border-box;
  background:
url("../../zeroserum/img/index/sec09_bg02.png") no-repeat left top / 30px 30px,
url("../../zeroserum/img/index/sec09_bg03.png") no-repeat right bottom / 30px 30px;
}
#main .sec09 .flexBox .image {
  width: 499px;
  margin: -7px -104px 0 0;
  order: 3;
}
#main .sec09 .showBtn {
  margin-top: 32px;
}
#main .sec09 .showBtn a {
  margin: 0 auto;
  padding-right: 10px;
  width: 289px;
  height: 41px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 1.15rem;
  background-color: #000;
  letter-spacing: 0.3em;
  box-sizing: border-box;
}
#main .sec09 .showBtn a::after {
  width: 12px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 17px;
  background: url("../../zeroserum/img/index/btn_icon.png") no-repeat left center / 100% auto;
  content: "";
}
#main .sec09 .show .showBtn {
  display: none;
}
#main .sec09 .showBox {
  display: none;
}
@media all and (min-width: 768px) {
  #main .sec09 .showBtn a:hover {
    opacity: 0.7;
  }
  #main .sec09 .show .flexBox .image {
    opacity: 0;
    visibility: hidden;
    height: 0;
  }
  #main .sec09 .show .flexBox .line {
    bottom: calc(100% - 93px);
    left: calc(100% - 327px);
  }
}
@media all and (max-width: 767px) {
  #main .sec09::before {
    height: 16px;
    background-size: 100% 100%;
  }
  #main .sec09 {
    padding-top: 10.4vw;
  }
  #main .sec09 .subBox {
    padding-bottom: 0;
    background: none;
    padding: 0;
  }
  #main .sec09 h2 {
    margin-bottom: 0;
    position: relative;
    z-index: 10;
  }
  #main .sec09 h2 img {
    width: 76.26vw;
  }
  #main .sec09 .pTxt {
    margin-top: 0;
    padding: 4.9vw 2.66vw 37.1vw;
    margin-bottom: 0;
    font-size: 3.06vw;
    line-height: 2.3;
    letter-spacing: 0.3em;
  }
  #main .sec09 .textImg {
    margin: 0 auto;
    width: auto;
  }
  #main .sec09 .textImg img {
    margin-top: -1px;
    width: 100%;
    transform: translate(0, 0);
  }
  #main .sec09 .textImg .comBtn a {
    letter-spacing: 0.5em !important;
  }
  #main .sec09 .textImg .comBtn {
    width: 100%;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%);
  }
  #main .sec09 .textImg .comBtn01 {
    top: 872vw;
  }
  #main .sec09 .textImg .comBtn02 {
    top: 125vw;
  }
  #main .sec09 .textImg .comBtn03 {
    top: 235.2vw;
  }
  #main .sec09 .textImg .comBtn04 {
    top: 327.2vw;
  }
  #main .sec09 .textImg .comBtn05 {
    top: 429.6vw;
  }
  #main .sec09 .textImg .comBtn06 {
    top: 529vw;
  }
  #main .sec09 .textImg .comBtn07 {
    top: 632.2vw;
  }
  #main .sec09 .borTxt {
    padding: 0;
    color: #000;
    font-size: 4vw;
    line-height: 2;
    width: auto;
    letter-spacing: -0.7px;
    background: none;
  }
  #main .sec09 .flexBox {
    display: block;
  }
  #main .sec09 .bgBox {
    padding: 0 4.8vw 20.26vw;
    background-color: #fff;
  }
  #main .sec09 .bgBox.show {
    padding: 0 4.8vw 10vw;
  }
  #main .sec09 .flexBox .image {
    width: auto;
    margin: 0 -2.93vw -21.8vw 2px;
    position: relative;
    top: -24.2vw;
  }
  #main .sec09 .line {
    width: 54.66vw;
    top: -29vw;
    left: -8.26vw;
    bottom: auto;
  }
  #main .sec09 .showBtn a {
    width: 54.66vw;
    height: 9.33vw;
    font-size: 2.4vw;
    letter-spacing: 0.2em;
  }
  #main .sec09 .showBtn {
    margin-top: 4.8vw;
  }
  #main .sec09 .showBtn a::after {
    width: 2.66vw;
    right: 2.933vw;
  }
}
@media screen and (max-width: 374px) {
  #main .sec09 .pTxt {
    font-size: 3.54vw;
  }
}
@media all and (-ms-high-contrast: none) {
  #main .comBtn a {
    padding: 15px 20px 10px 13px !important;
  }
}

/* mainVisual */
#main .mainVisual {
  margin-bottom: 84px;
  position: relative;
}
#main .mainVisual .image {
  position: relative;
  margin: 0 auto;
  max-width: 1200px;
}
#main .mainVisual .line {
  width: 586px;
  position: absolute;
  top: -5px;
  left: 16px;
  z-index: 10;
}
#main .mainVisual .title {
  width: 743px;
  position: absolute;
  top: 16.4rem;
  left: 50%;
  transform: translateX(-50%);
}
#main .mainVisual .textBox {
  margin-top: -254px;
  text-align: center;
  position: relative;
  z-index: 10;
  font-size: 1.7rem;
}
#main .mainVisual .textBox p {
  line-height: 2;
  letter-spacing: 0.38em;
}
#main .mainVisual .title02 img {
  width: 796px;
  margin: 0 auto;
}
#main .mainVisual .textBox sup {
  display: inline-block;
  vertical-align: middle;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0;
  margin: -10px 6px 0 0;
}
#main .mainVisual .textBox .col {
  color: #808080;
  font-size: 1.3rem;
  line-height: 1.82;
  font-weight: 500;
  letter-spacing: 0.13em;
  margin-top: 22px;
}
#main .mainVisual .textBox .col .fontMin {
  font-weight: 400;
  letter-spacing: 0.08em;
}
#main .mainVisual .textBox .comNotes {
  margin: 49px auto 0;
  max-width: 594px;
  text-align: right;
  font-size: 10px;
  letter-spacing: 0.08em;
}
@media all and (max-width: 767px) {
  #main .mainVisual .line {
    width: 93% !important;
    position: absolute;
    top: -1%;
    left: -16.5%;
    z-index: 0;
  }
  #main .mainVisual .line img {
    width: 100%;
  }
  #main .mainVisual .title {
    width: 99%;
    top: 11.8%;
  }
  #main .mainVisual .title img {
    width: 100%;
  }
  #main .mainVisual .title02 img {
    width: 70%;
    margin: 0 auto;
  }
  #main .mainVisual .title02 {
    margin-bottom: 3.73vw;
  }
  #main .mainVisual .textBox {
    margin-top: -66.66vw;
    font-size: 2.66vw;
  }
  #main .mainVisual .textBox p {
    letter-spacing: 0.18em;
  }
  #main .mainVisual .textBox sup {
    font-size: 5px;
    letter-spacing: 0;
    margin: -5px 2px 0 0;
  }
  #main .mainVisual .textBox .col {
    font-size: 2.4vw;
    margin-top: 2.66vw;
  }
  #main .mainVisual .textBox .comNotes {
    margin: 5.33vw 8.533vw 0;
    max-width: inherit;
    font-size: 1.86vw;
    letter-spacing: 0.15em;
  }
  #main .mainVisual {
    margin-bottom: 5.3rem;
  }
  #main .mainVisual .image img {
    width: 100%;
  }
}

/* sec01 */
#main .sec01 {
  position: relative;
}
#main .sec01 .image img {
  width: 100%;
}
#main .sec01 .textBox {
  margin-top: 4px;
  width: 460px;
  color: #4c4948;
  position: absolute;
  top: 50%;
  left: 15.5%;
  transform: translateY(-50%);
  font-size: 1.3rem;
  font-weight: 500;
}
#main .sec01 .title img {
  width: 393px;
}
#main .sec01 .textBox p {
  line-height: 2;
  letter-spacing: 0.15em;
}
#main .sec01 .textBox p sup {
  font-size: 0.9rem;
}
#main .sec01 .col {
  color: #595153;
  font-size: 1rem;
  margin-top: 22px;
  letter-spacing: 0.08em !important;
}
#main .sec01 .title {
  margin-bottom: 34px;
}
@media all and (max-width: 767px) {
  #main .sec01 .textBox {
    margin-top: 0;
    transform: translateY(0);
    font-size: 2.4vw;
    position: absolute;
    top: 19.2vw;
    left: 0;
    width: 100%;
  }
  #main .sec01 .title img {
    display: block;
    width: 77.333vw;
    margin: 0 auto;
  }
  #main .sec01 .textBox p sup {
    margin-right: 0.5rem;
    font-size: 0.5rem;
  }
  #main .sec01 .title {
    margin-bottom: 98.93vw;
  }
  #main .sec01 .innerBox {
    padding: 0 13.33vw;
  }
  #main .sec01 .col {
    line-height: 1.4 !important;
  }
  #main .sec01 .col {
    margin-top: 5px;
  }
  #main .sec01 .textBox p {
    line-height: 2.2;
  }
}

/* sec02 */
#main .sec02 {
  padding: 98px 0 103px;
  background:
url("../../zeroserum/img/index/sec02_bg02.png") no-repeat center top 230px,
url("../../zeroserum/img/index/sec02_bg.jpg") no-repeat center top;
  background-size:
    765px auto,
    cover;
}
#main .sec02 .content {
  margin: 0 auto;
  max-width: 885px;
}
#main .sec02 .listUl {
  position: relative;
  right: -20px;
}
#main .sec02 .listUl li {
  margin-bottom: -16px;
  position: relative;
  font-size: 1.4rem;
}
#main .sec02 .listUl li:last-child {
  margin-bottom: 0;
}
#main .sec02 .listUl .textBox {
  width: 270px;
  position: absolute;
  bottom: 100px;
  right: 80px;
  line-height: 2;
  letter-spacing: 0.1em;
}
#main .sec02 .listUl .textBox03 {
  bottom: 98px;
  width: 257px;
  right: 94px;
  letter-spacing: 0.05em;
}
#main .sec02 .listUl .textBox03 .comNotes {
  margin-top: -12px;
  text-align: right;
}
#main .sec02 .listUl li:nth-child(2n) .textBox {
  left: 83px;
  right: auto;
}
#main .sec02 .title {
  margin-bottom: 266px;
  text-align: center;
}
#main .sec02 .title img {
  width: 850px;
}
#main .sec02 .comNotes {
  margin-top: 14px;
}
@media all and (max-width: 767px) {
  #main .sec02 {
    padding: 20.26vw 0 13.33vw;
    background: url("../../zeroserum/img/index/sp_sec02_bg.jpg") no-repeat center center / cover;
  }
  #main .sec02 .title img {
    width: 77.6vw;
    margin: 0 auto;
  }
  #main .sec02 .listUl {
    right: 0;
    margin: 0 1px 0 5.6vw;
  }
  #main .sec02 .listUl img {
    width: 100%;
  }
  #main .sec02 .title {
    margin-bottom: 210px;
  }
  #main .sec02 .listUl li {
    margin-bottom: -3px;
    font-size: 2.4vw;
  }
  #main .sec02 .listUl .textBox {
    width: 100%;
    bottom: 16.533vw;
    right: 0;
    line-height: 2;
    letter-spacing: 0.1em;
    padding: 0 13.33vw 0 8vw;
    box-sizing: border-box;
  }
  #main .sec02 .comNotes {
    margin-top: 2.4vw;
    font-size: 2.4vw;
  }
  #main .sec02 .listUl li:nth-child(2n) .textBox {
    left: 0;
    right: auto;
  }
  #main .sec02 .listUl .textBox03 .comNotes {
    margin: 10px 0 0;
    text-align: left;
  }
}

/* btmVisual */
#main .btmVisual {
  margin-bottom: 0;
}
#main .btmVisual .line {
  top: -9px;
}
#main .btmVisual .title {
  top: 95px;
  width: 631px;
}
#main .btmVisual .textBox {
  margin: 0;
  width: 100%;
  position: absolute;
  bottom: 48px;
  left: 0;
  font-size: 1.3rem;
}
#main .btmVisual .title02 {
  margin-bottom: 1.1rem;
}
#main .btmVisual .title02 img {
  width: 744px;
}
#main .btmVisual .comBtn a {
  padding: 11px 20px 11px 13px;
  width: 260px;
  font-size: 1.15rem;
}
#main .btmVisual .textBox p {
  letter-spacing: 0.13em;
  font-weight: 500;
}
#main .btmVisual .comBtn {
  margin-top: 15px;
}
@media all and (max-width: 767px) {
  #main .btmVisual .title {
    top: 20.53vw;
    width: 84vw;
  }
  #main .btmVisual .textBox {
    margin: 0;
    bottom: 20.26vw;
    font-size: 2.4vw;
  }
  #main .btmVisual .comBtn a {
    padding: 3.2vw 6.66vw 3.2vw 4.533vw !important;
    width: 54.66vw !important;
    font-size: 2.4vw !important;
    letter-spacing: 0.2em;
    max-width: inherit !important;
  }
  #main .btmVisual .comBtn a::after {
    right: 3.733vw;
    width: 1.6vw;
    height: 1.6vw;
  }
  #main .btmVisual .comBtn {
    margin-top: 5vw;
  }
  #main .btmVisual .title02 {
    margin-bottom: 2.66vw;
  }
  #main .btmVisual .title02 img {
    width: 98.933vw;
  }
  #main .btmVisual .line {
    top: -1.86vw;
  }
}

/* pointsBox */
#main .pointsBox {
  padding-top: 14.5rem;
}
#main .pointsBox .head01 {
  margin-bottom: 4.7rem;
  color: #62686e;
  text-align: center;
}
#main .pointsBox .head01 small {
  font-size: 2rem;
  letter-spacing: 0.1em;
  font-weight: 500;
}
#main .pointsBox .head01 .txt {
  padding: 0.8rem 6.9rem 0.3rem;
  width: fit-content;
  margin: 0 auto;
  display: block;
  color: #4c4948;
  font-size: 4rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: 0.21em;
  background:
url(../../zeroserum/img/index/point_head_bg01.png) no-repeat left center,
url(../../zeroserum/img/index/point_head_bg02.png) no-repeat right center;
  background-size: 2.7rem;
}
#main .pointsBox .head01 .color {
  color: #c50a2a;
}
#main .pointsBox .head01 .num {
  font-size: 6rem;
  line-height: 1;
  vertical-align: middle;
}
#main .pointsBox .point01 {
  padding-bottom: 40.5rem;
  background: url(../../zeroserum/img/index/point_bg01.jpg) no-repeat center bottom -5.5rem / 300rem;
}
#main .pointsBox .imgBox .photoBox {
  flex-shrink: 0;
  pointer-events: none;
}
#main .pointsBox .imgBox .photoBox img {
  width: 100%;
}
#main .pointsBox .imgBox h4 {
  margin-bottom: 2.6rem;
}
#main .pointsBox .imgBox h4 img {
  height: 4.9rem;
  width: auto;
  max-width: inherit;
}
#main .pointsBox .imgBox .imgText {
  margin-bottom: 2.2rem;
}
#main .pointsBox .imgBox .imgText img {
  height: 5.9rem;
}
#main .pointsBox .imgBox p {
  color: #62686e;
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.08em;
}
#main .pointsBox .imgBox .notes {
  margin-top: 1.2rem;
  font-size: 1rem;
  letter-spacing: 0.1em;
}
#main .pointsBox .point02 {
  padding: 9rem 0 7.7rem;
}
#main .pointsBox .point02 p {
  margin-right: 3rem;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
}
#main .pointsBox .point02 .notes {
  margin-top: 2.3rem;
}
#main .pointsBox .point03 {
  padding: 8.1rem 0 9.5rem;
  background: url(../../zeroserum/img/index/point_bg02.jpg) no-repeat center top / cover;
}
@media all and (min-width: 768px) {
  #main .pointsBox .point01 .head02 {
    margin: 0 auto;
    max-width: 92.2rem;
  }
  #main .pointsBox .point01 .head02 img {
    max-width: 87.5rem;
  }
  #main .pointsBox .imgBox {
    margin: 0 auto;
    max-width: 83rem;
    display: flex;
  }
  #main .pointsBox .imgBox01 {
    margin-bottom: 3rem;
  }
  #main .pointsBox .imgBox01 .photoBox {
    margin: 0.1rem -5.5rem 0 0.1rem;
    width: 50.7rem;
  }
  #main .pointsBox .imgBox .textBox {
    flex: 1;
  }
  #main .pointsBox .imgBox01 .textBox {
    margin: 4rem 0 0;
  }
  #main .pointsBox .imgBox01 .imgText {
    margin-right: -1rem;
  }
  #main .pointsBox .imgBox02 {
    margin-bottom: 5.3rem;
    flex-direction: row-reverse;
  }
  #main .pointsBox .imgBox02 .photoBox {
    margin: -3.3rem -15rem -4rem -17.7rem;
    width: 54.5rem;
  }
  #main .pointsBox .imgBox02 .textBox {
    margin: -0.6rem 0 0;
    text-align: right;
  }
  #main .pointsBox .imgBox02 h4 img {
    height: 5.8rem;
  }
  #main .pointsBox .imgBox03 h4 img {
    height: 5.7rem;
  }
  #main .pointsBox .imgBox03 .photoBox {
    margin: -5rem -31.5rem 0 -7rem;
    width: 63.2rem;
  }
  #main .pointsBox .point02 .imgBox .head02 {
    margin: 0 0 2rem -4.6rem;
    width: 44.8rem;
  }
  #main .pointsBox .point02 .photoBox {
    margin: 3.3rem -0.5rem 0 0;
    width: 42.4rem;
  }
  #main .pointsBox .point03 .imgBox {
    display: block;
  }
  #main .pointsBox .point03 .photoBox {
    margin: -14.6rem 12rem 0 0;
    width: calc(50% - 8.5rem);
  }
  #main .pointsBox .point03 .textBox {
    width: 38rem;
    flex: inherit;
  }
  #main .pointsBox .point03 .head02 {
    margin: 0 0 2rem -4.6rem;
    width: 46rem;
  }
}

@media all and (max-width: 767px) {
  #main .pointsBox {
    padding-top: 7rem;
  }
  #main .pointsBox .head01 {
    margin-bottom: 3rem;
  }
  #main .pointsBox .head01 small {
    font-size: 1.25rem;
  }
  #main .pointsBox .head01 .txt {
    margin-top: 0.7rem;
    padding: 0.8rem 4.5rem 0.3rem;
  }
  #main .pointsBox .head01 .txt {
    font-size: 2.66rem;
    line-height: 1.2;
  }
  #main .pointsBox .head01 .num {
    font-size: 3.99rem;
  }
  #main .pointsBox .point01 {
    padding-bottom: 54.4vw;
    background: url(../../zeroserum/img/index/point_bg01_sp.jpg) no-repeat center bottom / 100%;
  }
  #main .pointsBox .point01 .head02 {
    margin: 0 3rem 2.8rem 2.5rem;
  }
  #main .pointsBox .head02 img {
    width: 100%;
  }
  #main .pointsBox .point01 .head02 img {
    max-width: 31.5rem;
  }
  #main .pointsBox .imgBox .textBox {
    margin: 0 5rem 2.1rem;
  }
  #main .pointsBox .imgBox h4 {
    margin-bottom: 1.8rem;
  }
  #main .pointsBox .imgBox h4 img {
    height: 2.9rem;
  }
  #main .pointsBox .imgBox .imgText {
    margin-bottom: 1.1rem;
  }
  #main .pointsBox .imgBox .imgText img {
    height: 3.6rem;
  }
  #main .pointsBox .imgBox p {
    font-size: 0.95rem;
    letter-spacing: 0.1em;
    color: #595153;
  }
  #main .pointsBox .imgBox {
    margin-bottom: 1rem;
  }
  #main .pointsBox .imgBox02 {
    margin-bottom: 1.9rem;
  }
  #main .pointsBox .imgBox02 h4 {
    margin-bottom: 2.2rem;
  }
  #main .pointsBox .imgBox02 h4 img {
    height: 3.3rem;
  }
  #main .pointsBox .imgBox .notes {
    font-size: 0.75rem;
  }
  #main .pointsBox .imgBox03 h4 img {
    height: 3.2rem;
  }
  #main .pointsBox .imgBox03 p {
    letter-spacing: 0.02em;
  }
  #main .pointsBox .point02 {
    padding: 7.5rem 0 2rem;
  }
  #main .pointsBox .point02 .head02 {
    margin: 0 0 1.6rem -2.5rem;
  }
  #main .pointsBox .point02 .head02 img {
    max-width: 30rem;
  }
  #main .pointsBox .point02 .imgBox p {
    margin: 0 0 0.8rem;
  }
  #main .pointsBox .point02 .imgBox .notes {
    margin-bottom: 0;
    font-size: 0.9rem;
  }
  #main .pointsBox .point02 .photoBox {
    margin: 3.4rem 4.2rem 0 0.8rem;
    text-align: center;
  }
  #main .pointsBox .point02 .photoBox img {
    margin: 0 auto;
    max-width: 32.5rem;
  }
  #main .pointsBox .point03 {
    padding: 7.5rem 0 2.5rem;
    background-image: url(../../zeroserum/img/index/point_bg02_sp.jpg);
  }
  #main .pointsBox .point03 .imgBox {
    margin-bottom: 0;
  }
  #main .pointsBox .point03 .head02 {
    margin: 0 -1rem 1.6rem -2.5rem;
  }
  #main .pointsBox .point03 .head02 img {
    max-width: 30.5rem;
  }
  #main .pointsBox .point03 .textBox {
    margin-bottom: 2.3rem;
  }
  #main .pointsBox .point03 .photoBox {
    width: 75.8%;
    aspect-ratio: 526/520;
    overflow: hidden;
  }
}
@media all and (max-width: 374px) {
  #main .pointsBox .head01 .txt {
    padding: 0.8rem 3rem 0.3rem;
  }
  #main .pointsBox .imgBox h4 img {
    height: 2.4rem;
  }
  #main .pointsBox .point01 .head02 {
    margin-left: 0.5rem;
  }
  #main .pointsBox .imgBox .textBox {
    margin: 0 3rem 2.1rem;
  }
}