@charset "UTF-8";
/*=======================================
	breakpoint
=======================================*/
/*=======================================
	hover
=======================================*/
/*=======================================
	中央配置
=======================================*/
/*=======================================
	可変レスポンシブ
=======================================*/
/* PC */
/* TB */
/* SP */
/*=======================================
	ブラウザ別
=======================================*/
/* Safari */
/* Firefox */
/*============================
base
============================*/
picture {
  display: block;
}

.frame_txt {
  color: #654B3B;
  border: 1px solid var(--brown03);
  border-radius: 22px;
  font-family: "游明朝", YuMincho, serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.3333;
  display: block;
  width: fit-content;
  padding: 7px 29px 4px;
  margin-inline: auto;
  margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .frame_txt {
    font-size: 15px;
    padding: 6px 29px 4px;
  }
}
.frame_txt.reverse {
  color: var(--white);
  background: #A18679;
}

.cmn_btn_01 a {
  line-height: 1.4285714286;
  padding: 9px 66px 9px 56px;
  text-align: center;
}
.cmn_btn_01 a::after {
  transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .sttl-l_03 {
    width: 90%;
  }
}

.bottom_spacing {
  margin-bottom: 200px;
}
@media screen and (max-width: 768px) {
  .bottom_spacing {
    margin-bottom: 100px;
  }
}

/* ==============================
mv
=============================*/
main p {
  color: #333;
}
main .main-visual .main_ttl-l {
  width: auto;
  padding: 46px 10.25% 30px 2.5%;
  font-feature-settings: normal;
}
@media screen and (max-width: 768px) {
  main .main-visual .main_ttl-l {
    padding: 0;
  }
}
main .main-visual .main_ttl-l h2 {
  letter-spacing: 0.1em;
  margin-bottom: 3px;
}

/* =====================================
index.html
========================================*/
main.maculopathy .description_sec .inner .c2_rimg-frame .img_frame {
  width: fit-content;
  padding: 0;
  margin-inline: auto;
  overflow: hidden;
}
main.maculopathy .symptoms_sec {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  main.maculopathy .symptoms_sec {
    margin-bottom: 80px;
  }
}
main.maculopathy .symptoms_sec .inner > .cmn_txt {
  text-align: center;
  margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
  main.maculopathy .symptoms_sec .inner > .cmn_txt {
    margin-bottom: 25px;
  }
}
main.maculopathy .symptoms_sec .inner > .cmn_txt span {
  white-space: nowrap;
}
main.maculopathy .symptoms_sec .inner .emphasis {
  margin-bottom: 0;
}
main.maculopathy .symptoms_sec .inner .emphasis .left {
  padding: 0;
}
@media screen and (max-width: 768px) {
  main.maculopathy .symptoms_sec .inner .emphasis .left {
    padding: 14px 0;
  }
}
main.maculopathy .symptoms_sec .inner .emphasis .left p {
  padding: 35px 0;
}
@media screen and (max-width: 768px) {
  main.maculopathy .symptoms_sec .inner .emphasis .left p {
    padding: 9px 30px 5px;
  }
}
main.maculopathy .symptoms_sec .inner .emphasis .right {
  padding: 50px 120px 50px 43px;
}
@media screen and (max-width: 768px) {
  main.maculopathy .symptoms_sec .inner .emphasis .right {
    padding: 26px 0 20px 21px;
  }
}
main.maculopathy .symptoms_sec .inner .emphasis .right ul {
  gap: 3px 20px;
}
@media screen and (max-width: 768px) {
  main.maculopathy .symptoms_sec .inner .emphasis .right ul {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 480px) {
  main.maculopathy .symptoms_sec .inner .emphasis .right ul {
    grid-template-columns: 1fr;
  }
}
main.maculopathy .symptoms_sec .inner .emphasis .right ul li:nth-child(-n+3) {
  grid-column: 1;
}
main.maculopathy .symptoms_sec .inner .emphasis .right ul li:nth-child(n+4) {
  grid-column: 2;
}
@media screen and (max-width: 480px) {
  main.maculopathy .symptoms_sec .inner .emphasis .right ul li:nth-child(n+4) {
    grid-column: 1;
  }
}
main.maculopathy .view_sec {
  margin-bottom: 0;
}
main.maculopathy .view_sec .inner .view_list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px 6.66666667%;
}
@media screen and (max-width: 768px) {
  main.maculopathy .view_sec .inner .view_list {
    gap: 30px 5%;
  }
}
@media screen and (max-width: 480px) {
  main.maculopathy .view_sec .inner .view_list {
    grid-template-columns: 1fr;
    gap: 20px 20px;
  }
}
main.maculopathy .view_sec .inner .view_list .view_item .view_img {
  border-radius: 5px;
  border: 1px solid var(--brown03);
  overflow: hidden;
}
main.maculopathy .examination_sec .inner > .sttl-l_02 {
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  main.maculopathy .examination_sec .inner > .sttl-l_02 {
    margin-bottom: 22px;
  }
}
main.maculopathy .examination_sec .inner .examination_list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px 4.94444444%;
}
@media screen and (max-width: 480px) {
  main.maculopathy .examination_sec .inner .examination_list {
    grid-template-columns: 1fr;
    gap: 35px;
  }
}
main.maculopathy .examination_sec .inner .examination_list .examination_item {
  margin-bottom: 0;
}
main.maculopathy .examination_sec .inner .examination_list .examination_item .number::after {
  width: 900px;
}
main.maculopathy .examination_sec .inner .examination_list .examination_item.item01, main.maculopathy .examination_sec .inner .examination_list .examination_item.item04 {
  grid-column: 1/-1;
}
@media screen and (max-width: 768px) {
  main.maculopathy .examination_sec .inner .examination_list .examination_item .c2_content {
    gap: 10px;
  }
  main.maculopathy .examination_sec .inner .examination_list .examination_item .c2_content .img {
    width: fit-content;
    margin-inline: auto;
  }
}
main.maculopathy .kind_sec .inner .sttl-l_02 {
  text-align: center;
  margin-bottom: 30px;
}
main.maculopathy .kind_sec .inner .kind_list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px 6.66666667%;
}
@media screen and (max-width: 768px) {
  main.maculopathy .kind_sec .inner .kind_list {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
main.maculopathy .kind_sec .inner .kind_list .kind_item {
  border-radius: 5px;
  border: 1px solid var(--brown03);
  background: #F9F7F4;
}
main.maculopathy .kind_sec .inner .kind_list .kind_item a {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 35px 20px 20px 40px;
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  main.maculopathy .kind_sec .inner .kind_list .kind_item a:hover .btn_arrow_01 {
    opacity: 1;
  }
  main.maculopathy .kind_sec .inner .kind_list .kind_item a:hover .btn_arrow_01::before {
    background: #A18679;
  }
  main.maculopathy .kind_sec .inner .kind_list .kind_item a:hover .btn_arrow_01::after {
    animation: arrow-in 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(114deg) brightness(102%) contrast(102%);
  }
}
@media (min-width: 769px) and (-ms-high-contrast: none), (min-width: 769px) and (-ms-high-contrast: active) {
  main.maculopathy .kind_sec .inner .kind_list .kind_item a:hover .btn_arrow_01 {
    opacity: 1;
  }
  main.maculopathy .kind_sec .inner .kind_list .kind_item a:hover .btn_arrow_01::before {
    background: #A18679;
  }
  main.maculopathy .kind_sec .inner .kind_list .kind_item a:hover .btn_arrow_01::after {
    animation: arrow-in 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(114deg) brightness(102%) contrast(102%);
  }
}
main.maculopathy .kind_sec .inner .kind_list .kind_item a .sttl-l_05 {
  color: #654B3B;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  main.maculopathy .kind_sec .inner .kind_list .kind_item a .sttl-l_05 {
    margin-bottom: 10px;
  }
}
main.maculopathy .kind_sec .inner .kind_list .kind_item a .cmn_txt {
  padding-right: 20px;
}
main.maculopathy .kind_sec .inner .kind_list .kind_item a .btn_arrow_01 {
  width: 36px;
  height: 25px;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  main.maculopathy .kind_sec .inner .kind_list .kind_item a .btn_arrow_01 {
    width: 20px;
    height: 14px;
  }
}
main.maculopathy .kind_sec .inner .kind_list .kind_item a .btn_arrow_01::before {
  right: 0;
  bottom: 0;
}
main.maculopathy .kind_sec .inner .kind_list .kind_item a .btn_arrow_01::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@keyframes arrow-in {
  0% {
    visibility: visible;
    transform: translate(-230%, -50%);
  }
  100% {
    visibility: visible;
    transform: translateX(-50%, -50%);
  }
}
main.maculopathy .treatment_sec .inner .frame_c2_02 > p::after {
  width: 900px;
}
main.maculopathy .treatment_sec .inner .frame_c2_02 > p::after .sttl-l_02 {
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  main.maculopathy .treatment_sec .inner .frame_c2_02 > p::after .sttl-l_02 {
    margin-bottom: 15px;
  }
}
main.maculopathy .treatment_sec .inner .frame_c2_02 .frame_contents {
  grid-template-columns: 1fr 46.15384615%;
  gap: 0 3.3333333333%;
}
@media screen and (max-width: 768px) {
  main.maculopathy .treatment_sec .inner .frame_c2_02 .frame_contents {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
main.maculopathy .treatment_sec .inner .frame_c2_02 .frame_contents .cmn_txt {
  padding-bottom: 15px;
}
@media screen and (max-width: 768px) {
  main.maculopathy .treatment_sec .inner .frame_c2_02 .frame_contents .cmn_txt {
    padding-bottom: 0;
  }
}
main.maculopathy .treatment_sec .inner .frame_c2_02 .frame_contents .img_wrap {
  display: flex;
  gap: 17px;
}
@media screen and (max-width: 768px) {
  main.maculopathy .treatment_sec .inner .frame_c2_02 .frame_contents .img_wrap {
    gap: 10px;
  }
}
main.maculopathy .treatment_sec .inner .frame_c2_02 .frame_contents .img_wrap .img {
  border-radius: 5px;
  overflow: hidden;
}
main.maculopathy .treatment_sec .inner .frame_c2_02 .frame_contents .cmn_btn_01 a {
  width: fit-content;
}
@media screen and (max-width: 768px) {
  main.maculopathy .treatment_sec .inner .frame_c2_02 .frame_contents .cmn_btn_01 a {
    margin-inline: auto;
  }
}

/* ==================
faqページ
==================== */
main.maculopathy.faq .faq_list {
  display: flex;
  flex-direction: column;
  gap: 76px;
}
@media screen and (max-width: 768px) {
  main.maculopathy.faq .faq_list {
    gap: 40px;
  }
}
main.maculopathy.faq .faq_list li .txt_q,
main.maculopathy.faq .faq_list li .txt_a {
  padding: 2px 0 2px 60px;
  position: relative;
}
@media screen and (max-width: 768px) {
  main.maculopathy.faq .faq_list li .txt_q,
  main.maculopathy.faq .faq_list li .txt_a {
    padding: 2px 0 2px 48px;
  }
}
main.maculopathy.faq .faq_list li .txt_q::before,
main.maculopathy.faq .faq_list li .txt_a::before {
  content: "";
  display: block;
  width: 36px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  main.maculopathy.faq .faq_list li .txt_q::before,
  main.maculopathy.faq .faq_list li .txt_a::before {
    width: 28px;
  }
}
main.maculopathy.faq .faq_list li .txt_q span,
main.maculopathy.faq .faq_list li .txt_a span {
  position: relative;
  padding-left: 1em;
}
main.maculopathy.faq .faq_list li .txt_q span::before,
main.maculopathy.faq .faq_list li .txt_a span::before {
  content: "・";
  position: absolute;
  left: 0;
}
main.maculopathy.faq .faq_list li .txt_q::before {
  background: center/cover url(../img/common/icon_q.svg) no-repeat;
}
main.maculopathy.faq .faq_list li .txt_q span {
  white-space: nowrap;
}
main.maculopathy.faq .faq_list li .txt_a::before {
  background: center/cover url(../img/common/icon_a.svg) no-repeat;
}
main.maculopathy.faq .faq_list li .txt_a span {
  display: block;
}
main.maculopathy.faq .faq_list li .cmn_btn_01 {
  display: block;
  width: fit-content;
  margin-top: 20px;
  margin-left: auto;
}
main.maculopathy.faq .faq_list li hr {
  color: #CBCBCB;
  margin-top: 18px;
  margin-bottom: 19px;
}
@media screen and (max-width: 768px) {
  main.maculopathy.faq .faq_list li hr {
    margin-top: 10px;
    margin-bottom: 11px;
  }
}

/* ==================
agingページ
==================== */
main.aging .description_sec .inner .desc_intro {
  color: #A18679;
  font-family: "游明朝", YuMincho, serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-align: center;
  margin-bottom: 30px;
}
main.aging .description_sec .inner > .cmn_txt {
  margin-bottom: 85px;
}
@media screen and (max-width: 768px) {
  main.aging .description_sec .inner > .cmn_txt {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  main.aging .description_sec .inner .frame_c2 {
    padding: 25px 5%;
  }
}
main.aging .description_sec .inner .frame_c2 .sttl-l_02 span {
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  main.aging .description_sec .inner .frame_c2 .frame_contents {
    gap: 20px;
  }
}
main.aging .kind_sec {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  main.aging .kind_sec {
    margin-bottom: 50px;
  }
}
main.aging .kind_sec .inner > .cmn_txt {
  margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
  main.aging .kind_sec .inner > .cmn_txt {
    margin-bottom: 30px;
  }
}
main.aging .kind_sec .inner .type_list {
  display: grid;
  grid-template-columns: 42.22222222% 42.22222222%;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  main.aging .kind_sec .inner .type_list {
    grid-template-columns: 47.5% 47.5%;
  }
}
@media screen and (max-width: 768px) {
  main.aging .kind_sec .inner .type_list .type_item .frame_txt {
    padding: 7px 0 4px;
    width: 100%;
  }
}
main.aging .kind_sec .inner .type_list .sttl-l_04 {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  main.aging .kind_sec .inner .type_list .sttl-l_04 {
    text-align: center;
    border-radius: 30px;
  }
}
main.aging .kind_sec .inner .type_list .sttl-l_04 span {
  white-space: nowrap;
}
main.aging .kind_sec .inner .type_list .type_img {
  border-radius: 5px;
  border: 1px solid var(--brown03);
  overflow: hidden;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  main.aging .kind_sec .inner .type_list .type_img {
    margin-bottom: 10px;
  }
}
main.aging .symptoms_sec .emphasis {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  main.aging .symptoms_sec .emphasis {
    margin-bottom: 25px;
  }
}
main.aging .symptoms_sec .emphasis .left {
  padding: 0;
}
@media screen and (max-width: 768px) {
  main.aging .symptoms_sec .emphasis .left {
    padding: 14px 0;
  }
}
main.aging .symptoms_sec .emphasis .left p {
  padding: 35px 0;
}
@media screen and (max-width: 768px) {
  main.aging .symptoms_sec .emphasis .left p {
    padding: 9px 30px 5px;
  }
}
main.aging .symptoms_sec .emphasis .right {
  padding: 50px 120px 50px 43px;
}
@media screen and (max-width: 768px) {
  main.aging .symptoms_sec .emphasis .right {
    padding: 26px 0 20px 21px;
  }
}
main.aging .symptoms_sec .emphasis .right ul {
  gap: 3px 20px;
}
@media screen and (max-width: 768px) {
  main.aging .symptoms_sec .emphasis .right ul {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 480px) {
  main.aging .symptoms_sec .emphasis .right ul {
    grid-template-columns: 1fr;
  }
}
main.aging .symptoms_sec .emphasis .right ul li:nth-child(-n+3) {
  grid-column: 1;
}
main.aging .symptoms_sec .emphasis .right ul li:nth-child(n+4) {
  grid-column: 2;
}
@media screen and (max-width: 480px) {
  main.aging .symptoms_sec .emphasis .right ul li:nth-child(n+4) {
    grid-column: 1;
  }
}
main.aging .vision_sec .inner .sttl-l_02 {
  text-align: center;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  main.aging .vision_sec .inner .sttl-l_02 {
    margin-bottom: 20px;
  }
}
main.aging .vision_sec .inner .vision_list .vision_item {
  border-radius: 10px;
  border: 1px solid var(--brown03);
  background: #F8F8F8;
  overflow: hidden;
  margin-bottom: 57px;
}
@media screen and (max-width: 768px) {
  main.aging .vision_sec .inner .vision_list .vision_item {
    margin-bottom: 30px;
  }
}
main.aging .vision_sec .inner .vision_list .vision_item:nth-of-type(2) h5, main.aging .vision_sec .inner .vision_list .vision_item:nth-of-type(4) h5 {
  background: #826657;
}
main.aging .vision_sec .inner .vision_list .vision_item:nth-of-type(4) {
  margin-bottom: 0;
}
main.aging .vision_sec .inner .vision_list .vision_item:nth-of-type(4) img {
  border: 1px solid var(--brown03);
}
main.aging .vision_sec .inner .vision_list .vision_item h5 {
  font-family: "游明朝", YuMincho, serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.6;
  padding: 15px 0 9px;
  text-align: center;
  color: var(--white);
  background: #A18679;
}
@media screen and (max-width: 768px) {
  main.aging .vision_sec .inner .vision_list .vision_item h5 {
    font-size: 18px;
  }
}
main.aging .vision_sec .inner .vision_list .vision_item .vision_content {
  padding: 40px;
  display: grid;
  grid-template-columns: 46.34146341% 46.34146341%;
  justify-content: space-between;
  container-type: inline-size;
  position: relative;
}
@media screen and (max-width: 768px) {
  main.aging .vision_sec .inner .vision_list .vision_item .vision_content {
    padding: 20px;
  }
}
@media screen and (max-width: 480px) {
  main.aging .vision_sec .inner .vision_list .vision_item .vision_content {
    grid-template-columns: 1fr;
  }
}
main.aging .vision_sec .inner .vision_list .vision_item .vision_content::before {
  content: "";
  display: block;
  width: 20.27px;
  height: 38px;
  background: #8A5858;
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  position: absolute;
  left: 50%;
  bottom: 15.3048780473cqi;
  translate: -40% -50%;
}
@media screen and (max-width: 768px) {
  main.aging .vision_sec .inner .vision_list .vision_item .vision_content::before {
    width: 15px;
    height: 28.5px;
  }
}
@media screen and (max-width: 480px) {
  main.aging .vision_sec .inner .vision_list .vision_item .vision_content::before {
    bottom: 50%;
    translate: -50% calc(50% + 3px);
    rotate: 90deg;
  }
}
main.aging .vision_sec .inner .vision_list .vision_item .vision_content .frame_txt {
  font-size: 17px;
  padding: 3px 23px 2px;
  margin-left: 0;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  main.aging .vision_sec .inner .vision_list .vision_item .vision_content .frame_txt {
    font-size: 15px;
    margin-inline: auto;
  }
}
main.aging .vision_sec .inner .vision_list .vision_item .vision_content img {
  border-radius: 5px;
}
@media screen and (max-width: 480px) {
  main.aging .vision_sec .inner .vision_list .vision_item .vision_content figure:first-of-type {
    margin-bottom: 40px;
  }
}
main.aging .examination_sec .inner .frame_c2_03 {
  border-radius: 10px;
  border: 1px solid var(--brown03);
  grid-template-columns: 1fr 36%;
  gap: 6.8%;
}
main.aging .examination_sec .inner .frame_c2_03 .right {
  display: flex;
  gap: 5%;
}
main.aging .treatment_sec .inner .sttl-l_03 {
  margin-bottom: 38px;
}
@media screen and (max-width: 768px) {
  main.aging .treatment_sec .inner .sttl-l_03 {
    margin-bottom: 30px;
  }
}
main.aging .treatment_sec .inner .c2_lr_img-frame {
  margin-bottom: 85px;
}
@media screen and (max-width: 768px) {
  main.aging .treatment_sec .inner .c2_lr_img-frame {
    margin-bottom: 30px;
  }
}
main.aging .treatment_sec .inner .c2_lr_img-frame .sttl-l_05 {
  color: #654B3B;
}
main.aging .treatment_sec .inner .c2_rimg-frame {
  grid-template-columns: 1fr 40%;
}
@media screen and (max-width: 768px) {
  main.aging .treatment_sec .inner .c2_rimg-frame {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  main.aging .treatment_sec .inner .c2_rimg-frame .left {
    order: 2;
  }
}
main.aging .treatment_sec .inner .c2_rimg-frame .left .cmn_txt {
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  main.aging .treatment_sec .inner .c2_rimg-frame .left .cmn_txt {
    margin-bottom: 20px;
  }
}
main.aging .treatment_sec .inner .c2_rimg-frame .left .cmn_btn_01 {
  width: fit-content;
}
@media screen and (max-width: 768px) {
  main.aging .treatment_sec .inner .c2_rimg-frame .left .cmn_btn_01 {
    display: block;
    margin-inline: auto;
  }
}
main.aging .treatment_sec .inner .c2_rimg-frame .img_frame {
  padding: 0;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  main.aging .treatment_sec .inner .c2_rimg-frame .img_frame {
    order: 1;
  }
}

/* =====================
dmeページ
====================== */
main.dme .description_sec {
  margin-bottom: 85px;
}
main.dme .description_sec .desc_intro {
  color: #A18679;
  font-family: "游明朝", YuMincho, serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-align: center;
  margin-bottom: 20px;
}
main.dme .description_sec .c2_rimg-frame {
  margin-bottom: 0;
}
main.dme .symptoms_sec .inner .c2_rtimg2 {
  display: grid;
  grid-template-columns: 1fr 52.17111111%;
  gap: 3.72222222%;
  margin-bottom: 33px;
}
@media screen and (max-width: 768px) {
  main.dme .symptoms_sec .inner .c2_rtimg2 {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
main.dme .symptoms_sec .inner .c2_rtimg2 > .cmn_txt {
  color: #333;
}
main.dme .symptoms_sec .inner .c2_rtimg2 .case_img_wrap {
  display: flex;
  gap: 25px;
}
main.dme .symptoms_sec .inner .c2_rtimg2 .case_img_wrap figure {
  display: block;
  width: calc((100% - 25px) / 2);
}
main.dme .symptoms_sec .inner .c2_rtimg2 .case_img_wrap figure figcaption {
  color: var(--white);
  font-family: "游明朝", YuMincho, serif;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.1em;
  display: inline-block;
  border-radius: 22px;
  border: 1px solid var(--brown03);
  background: #A18679;
  padding: 6px 22px 2px;
  margin-right: 12px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  main.dme .symptoms_sec .inner .c2_rtimg2 .case_img_wrap figure figcaption {
    font-size: 14px;
    padding: 5px 22px 3px;
  }
}
main.dme .symptoms_sec .inner .c2_rtimg2 .case_img_wrap figure img {
  border-radius: 5px;
  overflow: hidden;
}
main.dme .symptoms_sec .inner .c2_rtimg2 .case_img_wrap figure p {
  color: #333;
  font-family: "Zen Old Mincho", sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.03em;
}
main.dme .symptoms_sec .inner .emphasis {
  margin-bottom: 55px;
}
main.dme .symptoms_sec .inner .sttl-l_02 {
  text-align: center;
  margin-bottom: 35px;
}
main.dme .symptoms_sec .inner .c2_rimg {
  grid-template-columns: 1fr 40%;
  gap: 7.55555556%;
  margin-bottom: 0;
}
@media screen and (max-width: 640px) {
  main.dme .symptoms_sec .inner .c2_rimg {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
main.dme .symptoms_sec .inner .c2_rimg .right {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
main.dme .symptoms_sec .inner .c2_rimg .right img {
  border-radius: 5px;
}
main.dme .step_sec {
  margin-bottom: 180px;
}
@media screen and (max-width: 768px) {
  main.dme .step_sec {
    margin-bottom: 80px;
  }
}
main.dme .step_sec .inner .sttl-l_02 {
  text-align: center;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  main.dme .step_sec .inner .sttl-l_02 {
    margin-bottom: 20px;
  }
}
main.dme .step_sec .inner > .cmn_txt {
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  main.dme .step_sec .inner > .cmn_txt {
    margin-bottom: 50px;
  }
}
main.dme .step_sec .inner .c3_img_period-vertical {
  display: flex;
  flex-direction: column;
  gap: 85px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 576px) {
  main.dme .step_sec .inner .c3_img_period-vertical {
    gap: 50px;
  }
}
main.dme .step_sec .inner .c3_img_period-vertical::before {
  content: "";
  display: block;
  width: 1px;
  height: 635px;
  border-right: 1px dashed var(--brown03);
  position: absolute;
  top: 5px;
  left: 35.5px;
  z-index: -1;
}
@media screen and (max-width: 900px) {
  main.dme .step_sec .inner .c3_img_period-vertical::before {
    height: 615px;
  }
}
@media screen and (max-width: 780px) {
  main.dme .step_sec .inner .c3_img_period-vertical::before {
    height: 690px;
  }
}
@media screen and (max-width: 768px) {
  main.dme .step_sec .inner .c3_img_period-vertical::before {
    left: 28px;
    height: 595px;
  }
}
@media screen and (max-width: 720px) {
  main.dme .step_sec .inner .c3_img_period-vertical::before {
    height: 615px;
  }
}
@media screen and (max-width: 640px) {
  main.dme .step_sec .inner .c3_img_period-vertical::before {
    height: 655px;
  }
}
@media screen and (max-width: 576px) {
  main.dme .step_sec .inner .c3_img_period-vertical::before {
    top: 55px;
    height: 950px;
  }
}
@media screen and (max-width: 515px) {
  main.dme .step_sec .inner .c3_img_period-vertical::before {
    height: 900px;
  }
}
@media screen and (max-width: 450px) {
  main.dme .step_sec .inner .c3_img_period-vertical::before {
    height: 870px;
  }
}
main.dme .step_sec .inner .c3_img_period-vertical .c3_item {
  display: grid;
  grid-template-columns: 71px 1fr 38.816%;
}
@media screen and (max-width: 768px) {
  main.dme .step_sec .inner .c3_img_period-vertical .c3_item {
    grid-template-columns: 56px 1fr;
  }
}
main.dme .step_sec .inner .c3_img_period-vertical .c3_item .c3_period {
  font-family: "游明朝", YuMincho, serif;
  color: var(--white);
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1;
  width: 71px;
  aspect-ratio: 1/1;
  display: grid;
  place-content: center;
  border-radius: 50vw;
  background: var(--brown03);
}
@media screen and (max-width: 768px) {
  main.dme .step_sec .inner .c3_img_period-vertical .c3_item .c3_period {
    font-size: 15px;
    width: 56px;
  }
}
main.dme .step_sec .inner .c3_img_period-vertical .c3_item .period_txtimg {
  display: contents;
}
@media screen and (max-width: 768px) {
  main.dme .step_sec .inner .c3_img_period-vertical .c3_item .period_txtimg {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 576px) {
  main.dme .step_sec .inner .c3_img_period-vertical .c3_item .period_txtimg {
    grid-template-columns: 1fr;
  }
}
main.dme .step_sec .inner .c3_img_period-vertical .c3_item .period_txtimg .txt_area {
  margin-left: 6.4%;
}
@media screen and (max-width: 576px) {
  main.dme .step_sec .inner .c3_img_period-vertical .c3_item .period_txtimg .txt_area {
    margin-bottom: 14px;
  }
}
main.dme .step_sec .inner .c3_img_period-vertical .c3_item .period_txtimg .txt_area .sttl-l_05 {
  margin-bottom: 14px;
}
main.dme .step_sec .inner .c3_img_period-vertical .c3_item .period_txtimg .img {
  margin-left: 15.56%;
}
@media screen and (max-width: 768px) {
  main.dme .step_sec .inner .c3_img_period-vertical .c3_item .period_txtimg .img {
    margin-left: 10%;
  }
}
@media screen and (max-width: 576px) {
  main.dme .step_sec .inner .c3_img_period-vertical .c3_item .period_txtimg .img {
    margin-left: 6.4%;
  }
}
main.dme .step_sec .inner .c3_img_period-vertical .c3_item .period_txtimg .img img {
  border-radius: 5px;
}
main.dme .treatment_sec .inner .c2_treatment_method {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5.55555556%;
  margin-bottom: 85px;
}
@media screen and (max-width: 768px) {
  main.dme .treatment_sec .inner .c2_treatment_method {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 560px) {
  main.dme .treatment_sec .inner .c2_treatment_method {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
main.dme .treatment_sec .inner .c2_treatment_method .method_item {
  margin-bottom: 0;
}
main.dme .treatment_sec .inner .c2_treatment_method .method_item .c2_content {
  display: grid;
  grid-template-columns: 1fr 42.52336449%;
  gap: 5.8411215%;
}
@media screen and (max-width: 768px) {
  main.dme .treatment_sec .inner .c2_treatment_method .method_item .c2_content {
    grid-template-columns: 1fr;
    gap: 15px;
  }
}
main.dme .treatment_sec .inner .c2_treatment_method .method_item .c2_content .img {
  border-radius: 5px;
  border: 1px solid var(--brown03);
  width: fit-content;
  height: fit-content;
  overflow: hidden;
  margin-inline: auto;
}
main.dme .treatment_sec .inner .c2_treatment_method .method_item .c2_content span {
  white-space: nowrap;
}
main.dme .treatment_sec .inner .method_box {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--brown03);
}
main.dme .treatment_sec .inner .method_box .sttl_03 {
  width: 100%;
  color: var(--white);
  background: #A18679;
  letter-spacing: 0.03em;
  text-align: center;
  padding: 14px 0 8px;
}
main.dme .treatment_sec .inner .method_box .box_contents {
  background: #F8F8F8;
  padding: 5% 5.55555556%;
}
@media screen and (max-width: 768px) {
  main.dme .treatment_sec .inner .method_box .box_contents {
    padding: 5%;
  }
}
main.dme .treatment_sec .inner .method_box .box_contents > .cmn_txt {
  margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
  main.dme .treatment_sec .inner .method_box .box_contents > .cmn_txt {
    margin-bottom: 30px;
  }
}
main.dme .treatment_sec .inner .method_box .box_contents .method_img {
  width: 62.5%;
  border-radius: 5px;
  border: 1px solid var(--brown03);
  overflow: hidden;
  margin-inline: auto;
  margin-bottom: 85px;
}
@media screen and (max-width: 768px) {
  main.dme .treatment_sec .inner .method_box .box_contents .method_img {
    width: 75%;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 560px) {
  main.dme .treatment_sec .inner .method_box .box_contents .method_img {
    width: 100%;
  }
}
main.dme .treatment_sec .inner .method_box .box_contents .c3_frametxt {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 5%;
  margin-bottom: 35px;
}
@media screen and (max-width: 1200px) {
  main.dme .treatment_sec .inner .method_box .box_contents .c3_frametxt {
    gap: 3%;
  }
}
@media screen and (max-width: 768px) {
  main.dme .treatment_sec .inner .method_box .box_contents .c3_frametxt {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
main.dme .treatment_sec .inner .method_box .box_contents .c3_frametxt .c3_item .frame_txt {
  font-size: clamp(14px, 1.2142857143vw, 17px);
  padding: 4px 22px 2px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  main.dme .treatment_sec .inner .method_box .box_contents .c3_frametxt .c3_item .frame_txt {
    font-size: 15px;
    margin-bottom: 8px;
  }
}
main.dme .treatment_sec .inner .method_box .box_contents .cmn_btn_01 {
  display: block;
  width: fit-content;
  margin-inline: auto;
}

/* =====================
brvoページ
====================== */
main.brvo .description_sec .inner .desc_intro {
  color: #A18679;
  font-family: "游明朝", YuMincho, serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-align: center;
  margin-inline: auto;
  margin-bottom: 25px;
}
main.brvo .description_sec .inner .desc_intro span {
  white-space: nowrap;
}
main.brvo .description_sec .inner > .cmn_txt {
  margin-bottom: 50px;
}
main.brvo .kind_sec {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  main.brvo .kind_sec {
    margin-bottom: 80px;
  }
}
main.brvo .kind_sec .inner > .cmn_txt {
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  main.brvo .kind_sec .inner > .cmn_txt {
    margin-bottom: 20px;
  }
}
main.brvo .kind_sec .inner .type_list {
  display: grid;
  grid-template-columns: 42.22222222% 42.22222222%;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  main.brvo .kind_sec .inner .type_list {
    grid-template-columns: 45% 45%;
  }
}
@media screen and (max-width: 560px) {
  main.brvo .kind_sec .inner .type_list {
    grid-template-columns: 1fr;
    gap: 50px;
  }
}
main.brvo .kind_sec .inner .type_list .sttl-l_04 {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  main.brvo .kind_sec .inner .type_list .sttl-l_04 {
    text-align: center;
  }
}
main.brvo .kind_sec .inner .type_list .type_img {
  border-radius: 5px;
  border: 1px solid var(--brown03);
  overflow: hidden;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  main.brvo .kind_sec .inner .type_list .type_img {
    margin-bottom: 10px;
  }
}
main.brvo .symptoms_sec .inner > .cmn_txt {
  text-align: left;
  margin-bottom: 0;
}
main.brvo .symptoms_sec .inner .emphasis {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  main.brvo .symptoms_sec .inner .emphasis {
    margin-bottom: 25px;
  }
}
main.brvo .symptoms_sec .inner .emphasis .left {
  padding: 0;
}
@media screen and (max-width: 768px) {
  main.brvo .symptoms_sec .inner .emphasis .left {
    padding: 14px 0;
  }
}
main.brvo .symptoms_sec .inner .emphasis .left p {
  padding: 35px 0;
}
@media screen and (max-width: 768px) {
  main.brvo .symptoms_sec .inner .emphasis .left p {
    padding: 9px 30px 5px;
  }
}
main.brvo .symptoms_sec .inner .emphasis .right {
  padding: 50px 120px 50px 43px;
}
@media screen and (max-width: 768px) {
  main.brvo .symptoms_sec .inner .emphasis .right {
    padding: 26px 0 20px 21px;
  }
}
main.brvo .symptoms_sec .inner .emphasis .right ul {
  gap: 3px 20px;
}
@media screen and (max-width: 768px) {
  main.brvo .symptoms_sec .inner .emphasis .right ul {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 480px) {
  main.brvo .symptoms_sec .inner .emphasis .right ul {
    grid-template-columns: 1fr;
  }
}
main.brvo .symptoms_sec .inner .emphasis .right ul li:nth-child(-n+3) {
  grid-column: 1;
}
main.brvo .symptoms_sec .inner .emphasis .right ul li:nth-child(n+4) {
  grid-column: 2;
}
@media screen and (max-width: 480px) {
  main.brvo .symptoms_sec .inner .emphasis .right ul li:nth-child(n+4) {
    grid-column: 1;
  }
}
main.brvo .vision_sec {
  margin-bottom: 0;
}
main.brvo .vision_sec .inner .sttl-l_02 {
  text-align: center;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  main.brvo .vision_sec .inner .sttl-l_02 {
    margin-bottom: 20px;
  }
}
main.brvo .vision_sec .inner .vision_list .vision_item {
  border-radius: 10px;
  border: 1px solid var(--brown03);
  background: #F8F8F8;
  overflow: hidden;
  margin-bottom: 57px;
}
@media screen and (max-width: 768px) {
  main.brvo .vision_sec .inner .vision_list .vision_item {
    margin-bottom: 30px;
  }
}
main.brvo .vision_sec .inner .vision_list .vision_item:nth-of-type(2) h5, main.brvo .vision_sec .inner .vision_list .vision_item:nth-of-type(4) h5 {
  background: #826657;
}
main.brvo .vision_sec .inner .vision_list .vision_item:nth-of-type(4) {
  margin-bottom: 0;
}
main.brvo .vision_sec .inner .vision_list .vision_item:nth-of-type(4) img {
  border: 1px solid var(--brown03);
}
main.brvo .vision_sec .inner .vision_list .vision_item h5 {
  font-family: "游明朝", YuMincho, serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.6;
  padding: 15px 0 9px;
  text-align: center;
  color: var(--white);
  background: #A18679;
}
@media screen and (max-width: 768px) {
  main.brvo .vision_sec .inner .vision_list .vision_item h5 {
    font-size: 18px;
  }
}
main.brvo .vision_sec .inner .vision_list .vision_item .vision_content {
  padding: 40px;
  display: grid;
  grid-template-columns: 46.34146341% 46.34146341%;
  justify-content: space-between;
  container-type: inline-size;
  position: relative;
}
@media screen and (max-width: 768px) {
  main.brvo .vision_sec .inner .vision_list .vision_item .vision_content {
    padding: 20px;
  }
}
@media screen and (max-width: 480px) {
  main.brvo .vision_sec .inner .vision_list .vision_item .vision_content {
    grid-template-columns: 1fr;
  }
}
main.brvo .vision_sec .inner .vision_list .vision_item .vision_content::before {
  content: "";
  display: block;
  width: 20.27px;
  height: 38px;
  background: #8A5858;
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  position: absolute;
  left: 50%;
  bottom: 15.3048780473cqi;
  translate: -40% -50%;
}
@media screen and (max-width: 768px) {
  main.brvo .vision_sec .inner .vision_list .vision_item .vision_content::before {
    width: 15px;
    height: 28.5px;
  }
}
@media screen and (max-width: 480px) {
  main.brvo .vision_sec .inner .vision_list .vision_item .vision_content::before {
    bottom: 50%;
    translate: -50% calc(50% + 3px);
    rotate: 90deg;
  }
}
main.brvo .vision_sec .inner .vision_list .vision_item .vision_content .frame_txt {
  font-size: 17px;
  padding: 4px 23px 1px;
  margin-left: 0;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  main.brvo .vision_sec .inner .vision_list .vision_item .vision_content .frame_txt {
    font-size: 15px;
    margin-inline: auto;
    padding: 4px 23px 2px;
  }
}
main.brvo .vision_sec .inner .vision_list .vision_item .vision_content img {
  border-radius: 5px;
}
@media screen and (max-width: 480px) {
  main.brvo .vision_sec .inner .vision_list .vision_item .vision_content figure:first-of-type {
    margin-bottom: 40px;
  }
}
main.brvo .treatment_sec .inner .c2_treatment_method {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 85px 5.55555556%;
}
@media screen and (max-width: 560px) {
  main.brvo .treatment_sec .inner .c2_treatment_method {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
main.brvo .treatment_sec .inner .c2_treatment_method .method_item {
  margin-bottom: 0;
}
main.brvo .treatment_sec .inner .c2_treatment_method .method_item .c2_content {
  display: grid;
  grid-template-columns: 1fr 42.52336449%;
  gap: 5.8411215%;
}
@media screen and (max-width: 768px) {
  main.brvo .treatment_sec .inner .c2_treatment_method .method_item .c2_content {
    grid-template-columns: 1fr;
    gap: 15px;
  }
}
main.brvo .treatment_sec .inner .c2_treatment_method .method_item .c2_content .img {
  border-radius: 5px;
  border: 1px solid var(--brown03);
  width: fit-content;
  height: fit-content;
  overflow: hidden;
  margin-inline: auto;
}
main.brvo .treatment_sec .inner .c2_treatment_method .method_item .c2_content span {
  white-space: nowrap;
}
main.brvo .detection_sec .inner {
  border-radius: 10px;
  border: 1px solid #264453;
  background: #F8F8F8;
  padding: 60px 7.85714286%;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  main.brvo .detection_sec .inner {
    padding: 40px 5%;
  }
}
main.brvo .detection_sec .inner .frame_c2_02 {
  width: 100%;
}
main.brvo .detection_sec .inner .frame_c2_02 > p::after {
  width: 1000px;
}
main.brvo .detection_sec .inner .frame_c2_02 .sttl-l_02 {
  margin-bottom: 28px;
}

/* =====================
craoページ
====================== */
main.crao .description_sec .desc_intro {
  color: #A18679;
  font-family: "游明朝", YuMincho, serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-align: center;
  margin-inline: auto;
  margin-bottom: 25px;
}
main.crao .description_sec .desc_intro span {
  white-space: nowrap;
}
main.crao .description_sec > .cmn_txt {
  margin-bottom: 50px;
}
main.crao .description_sec .c2_rimg-frame {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  main.crao .description_sec .c2_rimg-frame {
    grid-template-columns: 1fr 43.33333333%;
  }
}
@media screen and (max-width: 640px) {
  main.crao .description_sec .c2_rimg-frame {
    grid-template-columns: 1fr;
  }
}
main.crao .kind_sec {
  margin-bottom: 0;
}
main.crao .kind_sec .inner > .cmn_txt {
  text-align: center;
  margin-bottom: 40px;
}
main.crao .kind_sec .inner .type_list {
  display: grid;
  grid-template-columns: 46.66666667% 46.66666667%;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  main.crao .kind_sec .inner .type_list {
    grid-template-columns: 47.5% 47.5%;
  }
}
@media screen and (max-width: 480px) {
  main.crao .kind_sec .inner .type_list {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
main.crao .kind_sec .inner .type_list .sttl-l_04 {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  main.crao .kind_sec .inner .type_list .sttl-l_04 {
    text-align: center;
  }
}
main.crao .kind_sec .inner .type_list .type_img {
  border-radius: 5px;
  border: 1px solid var(--brown03);
  overflow: hidden;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  main.crao .kind_sec .inner .type_list .type_img {
    margin-bottom: 10px;
  }
}
main.crao .caution_sec {
  margin-bottom: 0;
}
main.crao .caution_sec .inner .caution_content {
  background: #F9F7F4;
  border-radius: 10px;
  padding: 6% 5%;
}
main.crao .caution_sec .inner .caution_content .caution_sttl-l_02 {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  main.crao .caution_sec .inner .caution_content .caution_sttl-l_02 {
    margin-bottom: 30px;
  }
}
main.crao .caution_sec .inner .caution_content .caution_sttl-l_02 span {
  padding: 30px 22px 30px 70px;
}
main.crao .caution_sec .inner .caution_content .caution_sttl-l_02 span::before {
  top: 50%;
  transform: translateY(-50%);
}
main.crao .caution_sec .inner .caution_content .caution_sttl-l_02 span .br480 {
  display: none;
}
@media screen and (max-width: 480px) {
  main.crao .caution_sec .inner .caution_content .caution_sttl-l_02 span .br480 {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  main.crao .caution_sec .inner .caution_content .caution_sttl-l_02 span {
    padding: 22px 0 18px 38px;
  }
}
main.crao .caution_sec .inner .caution_content .c2_rimg {
  gap: 6.22222222%;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  main.crao .caution_sec .inner .caution_content .c2_rimg {
    gap: 20px;
  }
}
main.crao .caution_sec .inner .caution_content .c2_rimg .cmn_txt_03 {
  line-height: 1.8571428571;
}
main.crao .caution_sec .inner .caution_content .c2_rimg .img {
  border-radius: 5px;
  overflow: hidden;
  width: fit-content;
  height: fit-content;
  margin-inline: auto;
}
main.crao .symptoms_sec .inner > .cmn_txt {
  text-align: left;
}
main.crao .symptoms_sec .inner .emphasis {
  margin-bottom: 117.5px;
}
@media screen and (max-width: 768px) {
  main.crao .symptoms_sec .inner .emphasis {
    margin-bottom: 50px;
  }
}
main.crao .symptoms_sec .inner .emphasis .left {
  padding: 20px 0;
}
@media screen and (max-width: 768px) {
  main.crao .symptoms_sec .inner .emphasis .left {
    padding: 14px;
  }
}
main.crao .symptoms_sec .inner .emphasis .left p {
  padding: 27px 0;
}
@media screen and (max-width: 768px) {
  main.crao .symptoms_sec .inner .emphasis .left p {
    padding: 9px 30px 5px;
  }
}
main.crao .symptoms_sec .inner .emphasis .right ul li:nth-child(-n+2) {
  grid-column: 1;
}
main.crao .symptoms_sec .inner .emphasis .right ul li:nth-child(n+3) {
  grid-column: 2;
}
@media screen and (max-width: 480px) {
  main.crao .symptoms_sec .inner .emphasis .right ul li:nth-child(n+3) {
    grid-column: 1;
  }
}
main.crao .symptoms_sec .inner .cause {
  margin-bottom: 118px;
}
@media screen and (max-width: 768px) {
  main.crao .symptoms_sec .inner .cause {
    margin-bottom: 50px;
  }
}
main.crao .symptoms_sec .inner .cause .sttl-l_05 {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  main.crao .symptoms_sec .inner .cause .sttl-l_05 {
    margin-bottom: 10px;
  }
}
main.crao .symptoms_sec .inner .cause .c2_rimg-frame {
  grid-template-columns: 1fr 40%;
  gap: 9.22222222%;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  main.crao .symptoms_sec .inner .cause .c2_rimg-frame {
    grid-template-columns: 1fr;
    gap: 15px;
  }
}
main.crao .symptoms_sec .inner.w1100 .examination {
  border-radius: 10px;
  border: 1px solid var(--brown03);
  padding: 6% 5%;
  display: grid;
  grid-template-columns: 40% 1fr;
  gap: 7.55555556%;
}
@media screen and (max-width: 768px) {
  main.crao .symptoms_sec .inner.w1100 .examination {
    grid-template-columns: 1fr;
    gap: 0;
  }
  main.crao .symptoms_sec .inner.w1100 .examination .left_img {
    order: 2;
    margin-bottom: 25px;
  }
  main.crao .symptoms_sec .inner.w1100 .examination .right_txt {
    display: contents;
  }
  main.crao .symptoms_sec .inner.w1100 .examination .right_txt .sttl-l_02 {
    order: 1;
    margin-bottom: 10px;
  }
  main.crao .symptoms_sec .inner.w1100 .examination .right_txt .cmn_txt {
    order: 3;
  }
}
main.crao .symptoms_sec .inner.w1100 .examination .left_img {
  display: flex;
  gap: 5%;
  justify-content: space-between;
}
main.crao .symptoms_sec .inner.w1100 .examination .left_img .img {
  border-radius: 5px;
  overflow: hidden;
}
main.crao .symptoms_sec {
  margin-bottom: 150px;
}
@media screen and (max-width: 768px) {
  main.crao .symptoms_sec {
    margin-bottom: 80px;
  }
}
main.crao .treatment_sec .inner .sttl-l_02 {
  margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
  main.crao .treatment_sec .inner .sttl-l_02 {
    margin-bottom: 22px;
  }
}
main.crao .treatment_sec .inner .frame_c2_02 .frame_contents {
  grid-template-columns: 1fr;
}
main.crao .treatment_sec .inner .frame_c2_02 .frame_contents .cmn_txt {
  padding-bottom: 0;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  main.crao .treatment_sec .inner .frame_c2_02 .frame_contents .cmn_txt {
    margin-bottom: 20px;
  }
}
main.crao .treatment_sec .inner .cmn_btn_01 {
  display: block;
  width: fit-content;
  margin-inline: auto;
}

/* =====================
treatmentページ
====================== */
main.treatment .treatment_sec .inner .treatment_list .treatment_item .left_block dl .frame_txt {
  padding: 6px 50px 5px;
  margin-top: 37.6px;
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  main.treatment .treatment_sec .inner .treatment_list .treatment_item .left_block dl .frame_txt {
    margin-top: 20px;
  }
}
main.treatment .treatment_sec .inner .treatment_list .treatment_item .left_block dl .cmn_txt {
  padding-left: calc(1em + 8px);
  position: relative;
}
@media screen and (max-width: 768px) {
  main.treatment .treatment_sec .inner .treatment_list .treatment_item .left_block dl .cmn_txt {
    padding-left: calc(1em + 2px);
  }
}
main.treatment .treatment_sec .inner .treatment_list .treatment_item .left_block dl .cmn_txt::before {
  content: "・";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
main.treatment .treatment_sec .inner .treatment_list .treatment_item .left_block dl .cmn_txt:not(:last-of-type) {
  margin-bottom: 2.5px;
}
main.treatment .treatment_sec .inner .treatment_list .treatment_item .right .img,
main.treatment .treatment_sec .inner .treatment_list .treatment_item .right_img {
  border-radius: 5px;
  overflow: hidden;
  width: fit-content;
  height: fit-content;
  border: 1px solid var(--brown03);
  margin-inline: auto;
}
main.treatment .treatment_sec .inner .treatment_list .treatment_item .right {
  display: flex;
  flex-direction: column;
  gap: 39px;
  position: relative;
}
main.treatment .treatment_sec .inner .treatment_list .treatment_item .right::before {
  content: "";
  display: block;
  width: 30px;
  height: 16px;
  background: var(--brown04);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
main.treatment .drug_sec .inner .sttl-l_02 {
  text-align: center;
  margin-bottom: 55px;
}
@media screen and (max-width: 768px) {
  main.treatment .drug_sec .inner .sttl-l_02 {
    margin-bottom: 30px;
  }
}
main.treatment .drug_sec .inner .drug_list {
  display: flex;
  flex-direction: column;
  gap: 70px;
}
@media screen and (max-width: 768px) {
  main.treatment .drug_sec .inner .drug_list {
    gap: 50px;
  }
}
main.treatment .drug_sec .inner .drug_list .drug_item {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--brown03);
}
main.treatment .drug_sec .inner .drug_list .drug_item .sttl_03 {
  width: 100%;
  color: var(--white);
  background: #A18679;
  letter-spacing: 0.03em;
  font-feature-settings: normal;
  text-align: center;
  padding: 14px 0 8px;
}
main.treatment .drug_sec .inner .drug_list .drug_item .drug_content {
  background: #F8F8F8;
  padding: 4.44444444% 6.25%;
  display: flex;
  flex-direction: column;
  gap: 50px;
  position: relative;
}
@media screen and (max-width: 768px) {
  main.treatment .drug_sec .inner .drug_list .drug_item .drug_content {
    padding: 30px 5% 5%;
  }
}
main.treatment .drug_sec .inner .drug_list .drug_item .drug_content .content_01 {
  position: relative;
}
main.treatment .drug_sec .inner .drug_list .drug_item .drug_content .content_01::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed var(--brown03);
  position: absolute;
  bottom: -25px;
}
main.treatment .drug_sec .inner .drug_list .drug_item .drug_content .content_02 .content_topic {
  margin-bottom: 10px;
}
main.treatment .drug_sec .inner .drug_list .drug_item .drug_content .content_topic {
  color: var(--brown02);
  font-family: "游明朝", YuMincho, serif;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
}
main.treatment .drug_sec .inner .drug_list .drug_item .drug_content .content_list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: column;
  gap: 5px 6%;
}
@media screen and (max-width: 480px) {
  main.treatment .drug_sec .inner .drug_list .drug_item .drug_content .content_list {
    grid-template-columns: 1fr;
  }
}
main.treatment .drug_sec .inner .drug_list .drug_item .drug_content .content_list .cmn_txt {
  color: #333;
  padding-left: calc(1em + 8px);
  position: relative;
}
@media screen and (max-width: 768px) {
  main.treatment .drug_sec .inner .drug_list .drug_item .drug_content .content_list .cmn_txt {
    padding-left: calc(1em + 2px);
  }
}
main.treatment .drug_sec .inner .drug_list .drug_item .drug_content .content_list .cmn_txt::before {
  content: "・";
  display: block;
  color: #A18679;
  position: absolute;
  left: 0;
}
main.treatment .drug_sec .inner .drug_list .drug_item .drug_content .content_de-list dt {
  padding-left: 20px;
  margin-bottom: 12px;
  position: relative;
}
@media screen and (max-width: 768px) {
  main.treatment .drug_sec .inner .drug_list .drug_item .drug_content .content_de-list dt {
    padding-left: 12px;
    margin-bottom: 8px;
  }
}
main.treatment .drug_sec .inner .drug_list .drug_item .drug_content .content_de-list dt::before {
  content: "";
  display: block;
  width: 8px;
  border-radius: 50vw;
  aspect-ratio: 1/1;
  background: #8A5858;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
@media screen and (max-width: 768px) {
  main.treatment .drug_sec .inner .drug_list .drug_item .drug_content .content_de-list dt::before {
    width: 5px;
  }
}
main.treatment .drug_sec .inner .drug_list .drug_item .drug_content .content_de-list dd:first-of-type {
  margin-bottom: 25px;
}
main.treatment .drug_sec .inner .drug_list .drug_item:nth-of-type(1) .content_list .cmn_txt:nth-of-type(-n+3) {
  grid-column: 1;
}
main.treatment .drug_sec .inner .drug_list .drug_item:nth-of-type(1) .content_list .cmn_txt:nth-of-type(n+4) {
  grid-column: 2;
}
@media screen and (max-width: 480px) {
  main.treatment .drug_sec .inner .drug_list .drug_item:nth-of-type(1) .content_list .cmn_txt:nth-of-type(n+4) {
    grid-column: 1;
  }
}
main.treatment .drug_sec .inner .drug_list .drug_item:nth-of-type(2) .content_list .cmn_txt:nth-of-type(1) {
  grid-column: 1;
}
main.treatment .drug_sec .inner .drug_list .drug_item:nth-of-type(2) .content_list .cmn_txt:nth-of-type(2) {
  grid-column: 2;
}
@media screen and (max-width: 480px) {
  main.treatment .drug_sec .inner .drug_list .drug_item:nth-of-type(2) .content_list .cmn_txt:nth-of-type(2) {
    grid-column: 1;
  }
}
main.treatment .drug_sec .inner .drug_list .drug_item:nth-of-type(3) .content_list .cmn_txt:nth-child(-n+2) {
  grid-column: 1;
}
main.treatment .drug_sec .inner .drug_list .drug_item:nth-of-type(3) .content_list .cmn_txt:nth-child(n+3) {
  grid-column: 2;
}
@media screen and (max-width: 480px) {
  main.treatment .drug_sec .inner .drug_list .drug_item:nth-of-type(3) .content_list .cmn_txt:nth-child(n+3) {
    grid-column: 1;
  }
}
@media screen and (max-width: 480px) {
  main.treatment .drug_sec .inner .drug_list .drug_item:nth-of-type(4) .content_list .cmn_txt {
    grid-column: 1;
  }
}/*# sourceMappingURL=maculopathy.css.map */