@charset "UTF-8";
h1 {
  color: #003399;
}
@media (min-width: 768px) {
  h1 {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
}
@media (max-width: 768px) {
  h1 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
  }
}

.rounded_corners_border {
  /* 枠線（上:1px、右:2px、下:2px、左:1px） */
  border-style: solid;
  border-width: 1px 2px 2px 1px;
  /* top right bottom left */
  border-color: #ddddde #8c8a8a #8c8a8a #ddddde;
  /* top right bottom left */
  /* 左上のみ角丸 */
  border-top-left-radius: 10px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 15px;
}

#for_patients {
  padding-top: 4rem;
  background: #fff;
}

#title {
  width: 100%;
  background-image: url("../img/for_patients/title.png");
  background-repeat: no-repeat;
  background-size: cover;
  color: #003399;
  font-size: 3rem;
  box-sizing: border-box;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  #title {
    height: 330px;
    padding-top: 100px;
    padding-left: 115px;
    font-size: 3rem;
  }
}
@media (max-width: 768px) {
  #title {
    font-size: 2rem;
    padding: 20px;
    background-position: center;
  }
}

@media (min-width: 768px) {
  #menu {
    text-align: right;
    padding: 1rem;
    margin-bottom: 4rem;
  }
  #menu li {
    display: inline-block;
    padding-left: 1rem;
  }
  #menu li a:hover {
    text-decoration: underline;
  }
}
@media (max-width: 768px) {
  #menu {
    border-top: 1px solid #003399;
    margin-bottom: 2rem;
  }
  #menu a {
    border-bottom: 1px solid #003399;
    color: #003399;
    display: block;
    padding: 1rem;
    text-align: right;
  }
  #menu a:hover {
    text-decoration: underline;
  }
}

@media (min-width: 768px) {
  #mechanism_eye {
    margin: 0 auto 100px;
    width: 80%;
  }
}
@media (max-width: 768px) {
  #mechanism_eye {
    padding: 0 15px 50px;
  }
}
#mechanism_eye h1 {
  background-image: url("../img/for_patients/mechanism_eye_icon.png");
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  #mechanism_eye h1 {
    min-height: 49px;
    padding-left: 60px;
    margin-bottom: 1rem;
  }
}
@media (max-width: 768px) {
  #mechanism_eye h1 {
    background-size: 1.5rem;
    background-position: left center;
    padding-left: 2rem;
    position: relative;
    margin-bottom: 1rem;
  }
}

@media (min-width: 768px) {
  #mechanism_eye_content {
    padding-left: 60px;
  }
  #mechanism_eye_content > p {
    margin-bottom: 2rem;
  }
}
@media (max-width: 768px) {
  #mechanism_eye_content > p {
    margin-bottom: 1rem;
  }
}
#mechanism_eye_content .attention {
  text-align: right;
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .mechanism_eye_content_image_wrap {
    width: 95%;
    margin: auto;
    display: flex;
    gap: 50px;
  }
}
.mechanism_eye_content_image {
  position: relative;
}
.mechanism_eye_content_image .image {
  text-align: center;
  margin-bottom: 1rem;
}
.mechanism_eye_content_image h2 {
  position: absolute;
  top: 20px;
  left: 25px;
  font-size: 2rem;
  color: #1a2f5f;
}
.mechanism_eye_content_image h2 span {
  font-size: 1rem;
}
.mechanism_eye_content_image p {
  margin-bottom: 0;
  font-size: 1.2rem;
  line-height: 2rem;
  padding: 0 30px;
}
@media (min-width: 1024px) {
  .mechanism_eye_content_image {
    width: 50%;
    margin-bottom: 50px;
  }
}
@media (max-width: 1024px) {
  .mechanism_eye_content_image {
    margin-bottom: 15px;
  }
  .mechanism_eye_content_image br {
    display: none;
  }
}

@media (min-width: 768px) {
  #refractive_surgery {
    margin: 0 auto 100px;
    width: 80%;
  }
}
@media (max-width: 768px) {
  #refractive_surgery {
    padding: 0 15px 15px;
  }
}
#refractive_surgery h1 {
  background-image: url("../img/for_patients/refractive_surgery_icon.png");
  background-repeat: no-repeat;
  background-position: left center;
}
@media (min-width: 768px) {
  #refractive_surgery h1 {
    min-height: 61px;
    padding-left: 65px;
    margin-bottom: 1rem;
    line-height: 61px;
  }
}
@media (max-width: 768px) {
  #refractive_surgery h1 {
    background-size: 1.5rem;
    padding-left: 2rem;
    position: relative;
    margin-bottom: 1rem;
  }
}

@media (min-width: 768px) {
  #refractive_surgery_content {
    padding-left: 60px;
  }
  #refractive_surgery_content > p {
    margin-bottom: 2rem;
  }
}
@media (max-width: 768px) {
  #refractive_surgery_content > p {
    margin-bottom: 1rem;
  }
}
#refractive_surgery_content a {
  text-decoration: underline;
}
#refractive_surgery_content .attention {
  text-align: right;
  margin-bottom: 0;
  width: 95%;
  margin: auto;
}

@media (min-width: 1024px) {
  .refractive_surgery_content_image_wrap {
    width: 95%;
    margin: auto;
    display: flex;
    gap: 50px;
  }
}
.refractive_surgery_content_image {
  position: relative;
}
.refractive_surgery_content_image .image {
  text-align: center;
  margin-bottom: 1rem;
}
.refractive_surgery_content_image h2 {
  font-size: 2rem;
  color: #1a2f5f;
}
.refractive_surgery_content_image h2 span {
  font-size: 1rem;
}
.refractive_surgery_content_image h2 sup {
  font-size: 1rem;
  position: relative;
  top: -1rem;
}
.refractive_surgery_content_image p {
  margin-bottom: 1rem;
  font-size: 1.2rem;
  line-height: 2rem;
  padding: 0 30px;
  min-height: 6rem;
}
.refractive_surgery_content_image dl {
  padding: 0 30px;
}
.refractive_surgery_content_image dt {
  display: inline-block;
  border: 1px solid #000;
  margin-bottom: 1rem;
  padding: 2px 5px;
}
@media (min-width: 1024px) {
  .refractive_surgery_content_image {
    width: 50%;
    margin-bottom: 50px;
  }
}
@media (max-width: 1024px) {
  .refractive_surgery_content_image {
    margin-bottom: 15px;
  }
}

#refractive_surgery_content_image_01 {
  width: 100%;
}
#refractive_surgery_content_image_01 > div {
  width: 100%;
}
@media (min-width: 1024px) {
  #refractive_surgery_content_image_01 > div {
    display: flex;
  }
  #refractive_surgery_content_image_01 > div .image {
    width: 60%;
  }
  #refractive_surgery_content_image_01 > div .text {
    width: 40%;
  }
}

#beauty_products {
  background: #eaf5f8;
  background-image: url("../img/for_patients/beauty_products_bg.png");
  background-repeat: no-repeat;
  background-position: right bottom;
}
@media (min-width: 768px) {
  #beauty_products {
    margin-bottom: 90px;
    min-height: 600px;
    background-size: 30%;
  }
}
@media (max-width: 768px) {
  #beauty_products {
    padding-bottom: 350px;
    background-size: auto 350px;
  }
}

@media (min-width: 768px) {
  #beauty_products_content {
    margin: 0 auto 100px;
    width: 80%;
    padding-top: 90px;
  }
}
@media (max-width: 768px) {
  #beauty_products_content {
    padding: 15px;
  }
}
#beauty_products_content h1 {
  background-image: url("../img/for_patients/beauty_products_icon.png");
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  #beauty_products_content h1 {
    min-height: 50px;
    padding-left: 70px;
    margin-bottom: 1rem;
  }
}
@media (max-width: 768px) {
  #beauty_products_content h1 {
    background-size: 1.5rem;
    background-position: left center;
    padding-left: 2rem;
    position: relative;
    margin-bottom: 1rem;
  }
}/*# sourceMappingURL=for_patients.css.map */