@charset "UTF-8";
.section-allergy-detail {
  position: relative;
  width: 100%;
  background: top left/100% 100% no-repeat;
}
.section-allergy-detail .detail-content {
  position: relative;
  z-index: 1;
  border-radius: 0.2rem;
  background-color: rgba(255, 255, 255, 0.7);
}
.section-allergy-detail::before, .section-allergy-detail::after {
  content: "";
  position: absolute;
}
.section-allergy-detail .content-image {
  overflow: hidden;
  border-radius: 0.2rem;
}
.section-allergy-detail .information-text {
  margin-bottom: 0;
}
.section-allergy-detail .link-common-arrow + * {
  margin-top: 0.31rem;
}
.section-allergy-detail .button-common-primary {
  margin: 0 auto;
}

/* -------------------------------
▼ SP表示
-------------------------------- */
@media only screen and (max-width: 767.98px) {
  .section-allergy-detail {
    margin-bottom: -1px;
    padding: 0.8rem 0 1rem;
    overflow: hidden;
    background-image: url("../img/common/sp/background_common_01.jpg");
  }
  .section-allergy-detail .detail-content {
    margin-bottom: 0.5rem;
  }
  .section-allergy-detail::before {
    bottom: 1.3rem;
    left: -0.15rem;
    width: 4.03rem;
    height: 0.96rem;
    background: url("../img/common/sp/decor_img_01.svg") center/contain no-repeat;
  }
  .section-allergy-detail .content-wrapper {
    padding: 0.3rem 0.15rem;
  }
  .section-allergy-detail .content-image {
    width: 2.4rem;
    height: 1.8rem;
    margin: 0 auto;
    margin-bottom: 0.2rem;
  }
  .section-allergy-detail .title-common-primary {
    margin-bottom: 0.16rem;
  }
}
/* -------------------------------
▼ PC表示
-------------------------------- */
@media print, (min-width: 768px) {
  .section-allergy-detail {
    padding: 87px 0 140px;
    background-image: url("../img/common/background_common_01.jpg");
  }
  .section-allergy-detail .detail-content {
    margin-bottom: 40px;
  }
  .section-allergy-detail .content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 40px 50px;
  }
  .section-allergy-detail .content-information {
    padding-right: 60px;
  }
  .section-allergy-detail::before, .section-allergy-detail::after {
    top: 217px;
    width: 385px;
    height: 425px;
    background: url("../img/common/decor_img_01.svg") center/contain no-repeat;
  }
  .section-allergy-detail::before {
    left: 4px;
  }
  .section-allergy-detail::after {
    right: 3px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  .section-allergy-detail .content-image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 440px;
    height: 330px;
    margin-top: 10px;
  }
}
.section-allergy-test {
  position: relative;
  background-color: #ffe598;
}
.section-allergy-test::before, .section-allergy-test::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  background-color: #ffe598;
  pointer-events: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: top left;
  mask-position: top left;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.is-mac .section-allergy-test::before, .is-mac .section-allergy-test::after {
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.section-allergy-test::after {
  z-index: 1;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-mask-position: bottom left;
  mask-position: bottom left;
}
.is-mac .section-allergy-test::after {
  -webkit-mask-position: top center;
  mask-position: top center;
}
.section-allergy-test .wrapper {
  position: relative;
  z-index: 1;
}
.section-allergy-test .test-content {
  position: relative;
  border-radius: 0.2rem;
  background-color: rgba(255, 255, 255, 0.7);
}
.section-allergy-test .test-description strong {
  font-weight: 600;
}
.is-android .section-allergy-test .test-description strong {
  font-weight: 700;
}
.section-allergy-test .test-description p {
  margin-bottom: 0;
}
.section-allergy-test .test-image img {
  border-radius: 0.2rem;
}

/* -------------------------------
▼ SP表示
-------------------------------- */
@media only screen and (max-width: 767.98px) {
  .section-allergy-test {
    padding: 0.76rem 0 0.62rem;
  }
  .section-allergy-test::before {
    top: -0.34rem;
    height: 0.35rem;
    -webkit-mask-image: url("../img/common/sp/decoration_img_01.svg");
    mask-image: url("../img/common/sp/decoration_img_01.svg");
  }
  .section-allergy-test::after {
    bottom: -0.33rem;
    height: 0.35rem;
    -webkit-mask-image: url("../img/common/sp/decoration_img_01.svg");
    mask-image: url("../img/common/sp/decoration_img_01.svg");
  }
  .section-allergy-test .title-common-primary {
    margin-bottom: 0.3rem;
  }
  .section-allergy-test .title-common-primary .title-wrapper {
    width: 100%;
  }
  .section-allergy-test .title-common-primary .title-english::before, .section-allergy-test .title-common-primary .title-english::after {
    width: 0.75rem;
  }
  .section-allergy-test .test-content {
    padding: 0.2rem 0.15rem;
  }
  .section-allergy-test .test-description {
    margin-bottom: 0.1rem;
  }
  .section-allergy-test .test-image {
    width: 2.4rem;
    margin: 0 auto 0.2rem;
  }
}
/* -------------------------------
▼ PC表示
-------------------------------- */
@media print, (min-width: 768px) {
  .section-allergy-test {
    padding: 90px 0 110px;
  }
  .section-allergy-test::before {
    top: -115px;
    height: 182px;
    -webkit-mask-image: url("../img/common/decoration_img_01_chrome.svg");
    mask-image: url("../img/common/decoration_img_01_chrome.svg");
  }
  .is-mac .section-allergy-test::before {
    -webkit-mask-image: url("../img/common/decoration_img_01.svg");
    mask-image: url("../img/common/decoration_img_01.svg");
  }
  .section-allergy-test::after {
    bottom: -112px;
    height: 182px;
    -webkit-mask-image: url("../img/common/decoration_img_01_chrome.svg");
    mask-image: url("../img/common/decoration_img_01_chrome.svg");
  }
  .is-mac .section-allergy-test::after {
    -webkit-mask-image: url("../img/common/decoration_img_01.svg");
    mask-image: url("../img/common/decoration_img_01.svg");
    bottom: -130px;
  }
  .section-allergy-test .title-common-primary {
    margin-bottom: 50px;
  }
  .section-allergy-test .title-common-primary .title-english::before {
    left: -27px;
  }
  .section-allergy-test .title-common-primary .title-english::after {
    right: -27px;
  }
  .section-allergy-test .test-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .section-allergy-test .test-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 41px;
    padding: 39px 50px 36px;
  }
  .section-allergy-test .about-decoration {
    right: 87px;
    bottom: -71px;
    width: 184px;
  }
  .section-allergy-test .test-description {
    margin-bottom: 32px;
  }
  .section-allergy-test .test-image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 40%;
  }
}
/* -------------------------------
▼ PC表示
-------------------------------- */
@media print, (min-width: 3000px) {
  .is-mac .section-allergy-test::after {
    bottom: -172px;
  }
}
.section-common-symptoms::before {
  display: none;
}

/* -------------------------------
▼ SP表示
-------------------------------- */
@media only screen and (max-width: 767.98px) {
  .section-common-symptoms {
    padding: 1.07rem 0 0.22rem;
  }
  .section-common-symptoms .about-thumbnail {
    width: 1.22rem;
    margin: 0 auto 0.2rem;
  }
  .section-common-symptoms .symptoms-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-bottom: 0.27rem;
  }
  .section-common-symptoms .symptoms-image {
    width: 1.8rem;
    margin: 0 auto 0.31rem;
  }
  .section-common-symptoms .title-common-primary {
    margin-bottom: 0.36rem;
  }
  .section-common-symptoms .title-common-primary .title-wrapper {
    width: 100%;
  }
}
/* -------------------------------
▼ PC表示
-------------------------------- */
@media print, (min-width: 768px) {
  .section-common-symptoms {
    padding: 150px 0 17px;
  }
  .section-common-symptoms .about-thumbnail {
    width: 157px;
  }
  .section-common-symptoms .about-wrapper {
    padding-right: 22px;
  }
  .section-common-symptoms .about-inner {
    padding-right: 28px;
  }
  .section-common-symptoms .symptoms-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 51px;
  }
  .section-common-symptoms .symptoms-image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 274px;
    margin-top: 17px;
    margin-right: 88px;
  }
  .section-common-symptoms .title-common-primary {
    margin-bottom: 42px;
  }
  .section-common-symptoms .list-common-ticked {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .section-common-symptoms .list-common-ticked .list-wrapper:nth-of-type(1) {
    margin-right: 210px;
  }
  .section-common-symptoms .list-common-ticked .list-wrapper:nth-of-type(2) {
    max-width: 300px;
  }
}
.section-common-disease::before {
  display: none;
}

/* -------------------------------
▼ SP表示
-------------------------------- */
@media only screen and (max-width: 767.98px) {
  .section-common-disease {
    padding-bottom: 0.86rem;
  }
}
/* -------------------------------
▼ PC表示
-------------------------------- */
@media print, (min-width: 768px) {
  .section-common-disease {
    padding-bottom: 61px;
  }
}
.section-allergy-treatment {
  background-color: #fff5d6;
}
.section-allergy-treatment .block-common-about:last-child {
  margin-bottom: 0;
}
.section-allergy-treatment .block-common-about .about-thumbnail {
  position: relative;
}
.section-allergy-treatment .block-common-about .thumbnail-decoration {
  position: absolute;
}
.section-allergy-treatment .block-common-about .about-description:last-child {
  margin-bottom: 0;
}

/* -------------------------------
▼ SP表示
-------------------------------- */
@media only screen and (max-width: 767.98px) {
  .section-allergy-treatment {
    padding-bottom: 1.01rem;
  }
  .section-allergy-treatment .title-common-primary {
    margin-bottom: 0.4rem;
  }
  .section-allergy-treatment .title-common-primary .title-wrapper {
    width: 100%;
  }
  .section-allergy-treatment .title-common-primary .title-english::before, .section-allergy-treatment .title-common-primary .title-english::after {
    width: 0.77rem;
  }
  .section-allergy-treatment .block-common-about {
    margin-bottom: 0.3rem;
  }
  .section-allergy-treatment .block-common-about .about-thumbnail {
    width: 100%;
  }
  .section-allergy-treatment .block-common-about.is-sublingual .title-common-secondary {
    margin-bottom: 0.34rem;
  }
  .section-allergy-treatment .block-common-about.is-sublingual .about-thumbnail {
    width: 2.81rem;
    margin-bottom: 0.46rem;
  }
  .section-allergy-treatment .block-common-about .thumbnail-decoration {
    right: 0.08rem;
    bottom: -0.21rem;
    width: 2.08rem;
  }
}
/* -------------------------------
▼ PC表示
-------------------------------- */
@media print, (min-width: 768px) {
  .section-allergy-treatment {
    padding: 50px 0 140px;
  }
  .section-allergy-treatment .block-common-about {
    margin-bottom: 40px;
    padding-bottom: 40px;
  }
  .section-allergy-treatment .block-common-about.is-allergen .about-thumbnail {
    width: 422px;
  }
  .section-allergy-treatment .block-common-about.is-allergen .title-common-secondary::after {
    width: 494px;
  }
  .section-allergy-treatment .block-common-about.is-sublingual .about-thumbnail {
    width: 410px;
  }
  .section-allergy-treatment .block-common-about .thumbnail-decoration {
    right: 13px;
    bottom: -34px;
    width: 302px;
  }
  .section-allergy-treatment .block-common-about .about-inner {
    padding-right: 55px;
  }
  .section-allergy-treatment .block-common-about .about-wrapper {
    padding-right: 0;
  }
  .section-allergy-treatment .block-common-about .about-thumbnail {
    margin-bottom: 17px;
  }
  .section-allergy-treatment .block-common-about .title-common-secondary {
    padding: 0 100px;
  }
}
/*# sourceMappingURL=allergy.css.map */