@charset "utf-8";
@media screen and (min-width:768px), print {
  body {
    font-family: YuGothic, Yu Gothic medium, sans-serif;
  }
}
@media screen and (max-width:767px) {
  body {
    font-family: ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, sans-serif;
  }
}
/* --------------------------------
 - silicone-hydrogel-faq
 --------------------------------*/
.silicone-hydrogel-faq {
  margin-top: 20px;
}
.silicone-hydrogel-faq__question {
  display: flex;
  justify-content: space-between;
}
.silicone-hydrogel-faq__question__title {
  font-weight: bold;
  position: relative;
}
.silicone-hydrogel-faq__question__title__mark {
  position: absolute;
  top: 0;
  left: 0;
  color: #009bc8;
}
.silicone-hydrogel-faq__question__title > .silicone-hydrogel-highlight {
  background: linear-gradient(transparent 60%, #ffdc00 40%);
  padding: 0 .1em .1em;
}
.silicone-hydrogel-faq__question__text {
  font-weight: bold;
}
.silicone-hydrogel-faq__answer {
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
}
.silicone-hydrogel-faq__answer__title {
  font-weight: bold;
  position: relative;
  color: #fff;
}
.silicone-hydrogel-faq__answer__title__mark {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width:768px), print {
  .silicone-hydrogel-faq__question {
    align-items: center;
  }
  .silicone-hydrogel-faq__question {
    margin: 0 calc((1200px - 700px) / 2);
  }
  .silicone-hydrogel-faq__question__title {
    font-size: 2.4rem;
    padding: 0 0 0 4rem;
  }
  .silicone-hydrogel-faq__question__text {
    font-size: 1.8rem;
    padding: 0 0 0 4rem;
    margin: 1rem 0 0;
  }
  .silicone-hydrogel-faq__answer {
    background-image: url("/article/img/silicone-hydrogel_bg01.jpg");
  }
  .silicone-hydrogel-faq__answer__inner {
    padding: 28px calc((1200px - 700px) / 2);
  }
  .silicone-hydrogel-faq__answer__title {
    font-size: 1.8rem;
    line-height: 1.6;
    padding: 0 0 0 4rem;
  }
  .silicone-hydrogel-faq__answer__title__mark {
    font-size: 2.4rem;
    margin-top: -6px;
  }
}
@media screen and (max-width:767px) {
  .silicone-hydrogel-faq__question {
    align-items: flex-start;
  }
  .silicone-hydrogel-faq__question__title {
    font-size: 1.6rem;
    padding: 0 0 0 2.5rem;
  }
  .silicone-hydrogel-faq__question__text {
    font-size: 1.4rem;
    padding: 0 0 0 2.5rem;
    margin: .25rem 0 0;
  }
  .silicone-hydrogel-faq__answer {
    background-image: url("/article/img/silicone-hydrogel_bg01_sp.jpg");
  }
  .silicone-hydrogel-faq__answer__inner {
    padding: 15px 10px;
  }
  .silicone-hydrogel-faq__answer__title {
    font-size: 1.4rem;
    line-height: 1.5;
    padding: 0 0 0 2.5rem;
  }
  .silicone-hydrogel-faq__answer__title__mark {
    font-size: 1.6rem;
    margin-top: -2px;
  }
  .silicone-hydrogel-faq__question__image {
    width: 50%;
    margin-left: 30px;
    text-align: center;
  }
}
/* --------------------------------
 - silicone-hydrogel-lead
 --------------------------------*/
.silicone-hydrogel-lead {
  text-align: center;
}
@media screen and (min-width:768px), print {
  .silicone-hydrogel-lead {
    font-size: 2.0rem;
    margin: 3.0rem 0 0;
  }
}
@media screen and (max-width:767px) {
  .silicone-hydrogel-lead {
    font-size: 1.5rem;
    margin: 2.0rem 0 0;
  }
}
/* --------------------------------
 - silicone-hydrogel-box
 --------------------------------*/
.silicone-hydrogel-box {
  margin: 2em 0 0;
  background-color: #ebf5ff;
}
.silicone-hydrogel-box__head > :first-child,
.silicone-hydrogel-box__head > [class^=list-wrap] > :first-child,
.silicone-hydrogel-box__head > section:first-child > :first-child {
  margin-top: 0 !important;
}
.silicone-hydrogel-box__head >:last-child {
  margin-bottom: 0 !important;
}
.silicone-hydrogel-box__title {
  line-height: 1.7;
  text-align: center;
}
.silicone-hydrogel-box__title > .silicone-hydrogel-highlight {
  background: linear-gradient(transparent 60%, #ffdc00 40%);
  padding: 0 .1em .1em;
}
.silicone-hydrogel-box__body > :first-child,
.silicone-hydrogel-box__body > [class^=list-wrap] > :first-child,
.silicone-hydrogel-box__body > section:first-child > :first-child {
  margin-top: 0 !important;
}
.silicone-hydrogel-box__body>:last-child {
  margin-bottom: 0 !important;
}
@media screen and (min-width:768px), print {
  .silicone-hydrogel-box {
    margin-top: 2.4em;
    border-radius: 10px;
  }
  .silicone-hydrogel-box__head {
    margin: 0 0 .8em;
    padding: 1.6em 1.8em 0;
  }
  .silicone-hydrogel-box__title {
    font-size: 2rem;
  }
  .silicone-hydrogel-box__body {
    padding: 1.6em 1.8em;
  }
}
@media screen and (max-width:767px) {
  .silicone-hydrogel-box {
    margin-top: 1.2em;
    border-radius: 5px;
  }
  .silicone-hydrogel-box__head {
    margin: 0 0 .8em;
    padding: 1.2em 1.5em 0;
  }
  .silicone-hydrogel-box__title {
    font-size: 1.5rem;
  }
  .silicone-hydrogel-box__body {
    padding: 1.0em 1.5em;
  }
}
/* --------------------------------
 - silicone-hydrogel-column
 --------------------------------*/
.silicone-hydrogel-column {
  display: flex;
  justify-content: center;
  margin: 2.0rem 0 0;
}
.silicone-hydrogel-column__item {
  position: relative;
}
.silicone-hydrogel-column__item + .silicone-hydrogel-column__item::before {
  position: absolute;
  content: "";
  background-image: url("/article/img/silicone-hydrogel_ic01.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  top: 50%;
  left: 0;
}
@media screen and (min-width:768px), print {
  .silicone-hydrogel-column__item + .silicone-hydrogel-column__item {
    margin-left: calc(954px - (432px * 2));
  }
  .silicone-hydrogel-column__item + .silicone-hydrogel-column__item::before {
    width: 78px;
    height: 72px;
    margin-top: -36px;
    margin-left: -82px;
  }
}
@media screen and (max-width:767px) {
  .silicone-hydrogel-column__item + .silicone-hydrogel-column__item {
    margin-left: calc((690px - (311.2782px * 2 )) / 2);
  }
  .silicone-hydrogel-column__item + .silicone-hydrogel-column__item::before {
    width: 27.88535px;
    height: 25.85755px;
    margin-top: -12.928775px;
    margin-left: -30.5px;
  }
}